🚀 主要機能: • Everything is Box哲学による革新的アーキテクチャ • WebAssemblyブラウザー対応プレイグラウンド • アーティスト協同制作デモ - 複数Boxインスタンス実証 • 視覚的デバッグシステム - DebugBox完全統合 • static box Mainパターン - メモリ安全設計 ⚡ 言語機能: • NOT/AND/OR/除算演算子完全実装 • ジェネリクス/テンプレートシステム • 非同期処理(nowait/await) • try/catchエラーハンドリング • Canvas統合グラフィックス 🎨 ブラウザー体験: • 9種類のインタラクティブデモ • リアルタイムコード実行 • WebCanvas/WebConsole/WebDisplay • モバイル対応完了 🤖 Built with Claude Code collaboration Ready for public release!
32 lines
878 B
Plaintext
32 lines
878 B
Plaintext
// 🎨 WebCanvas Demo - HTML5 Canvas control from Nyash
|
|
// Demonstrates Everything is Box philosophy for web graphics
|
|
|
|
print("🎨 === WebCanvas Demo Starting ===")
|
|
|
|
// Create canvas for drawing
|
|
canvas = new WebCanvasBox("demo-canvas", 400, 300)
|
|
|
|
// Set up drawing style
|
|
canvas.setFillStyle("red")
|
|
canvas.setStrokeStyle("blue")
|
|
canvas.setLineWidth(3)
|
|
|
|
// Draw shapes
|
|
canvas.fillRect(50, 50, 100, 75) // Red rectangle
|
|
canvas.strokeRect(200, 50, 100, 75) // Blue outline rectangle
|
|
|
|
// Draw circles
|
|
canvas.beginPath()
|
|
canvas.arc(100, 200, 30, 0, 6.28) // Full circle
|
|
canvas.fill()
|
|
|
|
canvas.beginPath()
|
|
canvas.arc(250, 200, 30, 0, 6.28)
|
|
canvas.stroke()
|
|
|
|
// Draw text
|
|
canvas.setFillStyle("green")
|
|
canvas.fillText("Nyash WebCanvas", 150, 250)
|
|
|
|
print("🎨 Canvas drawing complete! Everything is Box!")
|
|
print("Open your browser to see the HTML5 canvas graphics.") |