Sagar
@sagarambade

3D Drawing Pensil

    Sign In
Editor Setting
  • Detail
  • HTML
  • CSS
  • Javascript
  • Editor Settings
Your editor playground is ready to use !

No preview image is available!
HTML Preprocessor ?
Add your data <Head> ?
CSS Preprocessor ?
Add your CSS <link> ?
+ Add another resource
JavaScript Preprocessor ?
Add your JS <script> ?
X
X
X
+ Add another resource
Font Size ?
Auto Update Preview ?
 
Embed Editor
iFrame
  • HTML
  • CSS
  • JS
    •  Report
    •  Save To Collection
    •  Setting
  • Run
  • Add
  • Setting
  • Report
  • Tidy
  • Maximise Editor
  • Minimise Editor
  • Tidy
  • Maximise Editor
  • Minimise Editor
  • Tidy
  • Maximise Editor
  • Minimise Editor
Write your code & show your skills
Console.. Clear
  • Home
  • Collection
  • Embed
  • Setting
  • Log Out
Description

I was interested to see how a Material design inspired UI could be enhanced with a 3D object, in this case the pencil is rendered as a 3D object, but still manages to look like it fits in with the flat style. The shadow and sketch are rendered on a separate 2D canvas (using paper.js vector graphics library), while the pencil is rendered on it's own canvas with THREE.js.



Do You Like This Work ? Hired Me.

This User Available To Hire





COMMENTS ( 0 )


Sign up to join the conversation

Add your feedback to this Design’s project by signing in or signing up.

Ads
Share
Twitter icon Tweet

0
0
9
Published: 8 March 2023

0
%