Control Panel
Magic Shape
Main
About Project
About Developer
Shape
Sphere
Cube
Cone
Tetradron
Octahedron
TorusKnot
Scale
Material
Rainbow
Metallic
Solid
Line
Dashed Line
Metalness
Applies to material: Metallic
Surface Color
Applies to all materials except for Rainbow
Detail
Applies to shapes: Sphere, Cone, and TorusKnot
Hemisphere Light
Applies to material: Solid & Matellic. Controlled by Upper & Bottom light color, and Intensity
Upper Light Color
Applies to Hemisphere Light, and Spot Light, including Floor
Bottom Light Color
Spot Light
Shows floor and shadow. Controlled by Upper light color, and Intensity
Intensity
Applies to Hemisphere Light, and Spot Light
Magic Shape
A single-page JavaScript-based DOM manipulation application.
Created with JavaScript, CSS, HTML Canvas, WebGL, and THREE.js.
Introduced different lighting effects in coordination with shadow, background, and camera settings.
Project on Github
Jun Xu (Abby)
Hi there, I'm a former product manager and now software engineer!
I enjoy building apps and websites using JavaScript, React, Redux, Apollo, GraphQL, Ruby on Rails, MongoDB, Express, Node.js, AWS, and PostgreSQL.
Check out my porfolio:
abbydeveloper.com
Close Panel