Richard Gong's Scratchpad
My apps
Toonbird
PianoTrainer
SpeechOut
BayLaunch
About me
Login
Phaser.js game with 3D Sketch
2019-10-28 04:46:55.918772
4 years ago
This is the standard Phaser tutorial with a couple twists.
There's a 3D Box being drawn via WebGL
There's a 2D sprite being drawn via CanvasTexture.
You can edit these images/textures directly in this UI!
Paper.js editor
Fabric.js editor
Cancel drawing mode
Clear
Save to SVG
Mode:
Pencil
Circle
Spray
Pattern
hline
vline
square
diamond
texture
Line width:
30
Line color:
Shadow color:
Shadow width:
0
Shadow offset:
0
What do you think of this?
Ideas? Suggestions? Leave a note!
Newer post:
Really cool Canvas animation
Older post:
Sampling audio via the browser