Profile

Cover photo
Joshua Tenner
797 followers|41,199 views
AboutPostsPhotosYouTube

Stream

Joshua Tenner

Show Your Work  - 
 
Canvas development with a JSX pragma!

Declarative canvas functions with a twist.

If you know the CanvasContext2D.prototype, you can quickly pick up e2d and jump-start your canvas development!

http://github.com/e2d/e2d

and the js2dx compiler with webpack loader is here:

http://github.com/e2d/js2dx

As a side note, my documentation is terrible, but I'm definitely capable of answering questions here!

Thanks for checking this project out.

-Josh
3
1
Add a comment...

Joshua Tenner

Libraries  - 
 
e2d - A declarative web worker canvas renderer.

Features:
- Web Worker Rendering (at the cost of input delay)
- Declarative syntax
- Virtual canvas stack (so that save/restore operations can be skipped)
- Easy to add mouse regions
- Relatively fast performance!
- Clipping regions

Finally released version 2.0.0 with a few backwards incompatible (but smart) changes.

Change log: 

- Canvas clipping now works as intended
  * e2d.clip([region], instructions)
- Added setTransform, resetTransform
- Changed functionality of transform
- Updated the readme a bit
- Deprecated text in favor of fillText and strokeText

Notes:
- Need to implement some canvas testing though.
  * Side by side comparison to canvas 2d api should be feasable
- Syntax is still awkward, I wish I could have jsx like syntax

<translate x, y>
  <fillArc x, y, radius />
</translate>
e2d - A declarative web worker canvas renderer.
3
1
Add a comment...

Joshua Tenner

Libraries  - 
 
Come check out one of the only HTML5 Canvas libraries that let you move your business logic to a web worker!
e2d - A canvas rendering engine HEAVILY inspired by `react.js` to enable `WebWorker` rendering.
5
4
Gabriel Reiser's profile photoPeter Jaszkowiak's profile photoJoshua Tenner's profile photo
5 comments
 
+Gabriel Reiser It allows you to offset JavaScript onto a separate thread and do things in parallel.

Feel free to message me if you need help getting started!
Add a comment...

Joshua Tenner

Show Your Work  - 
 
Version 1.4.4 released!

Thanks for your support everyone.
e2d - A canvas rendering engine HEAVILY inspired by `react.js` to enable `WebWorker` rendering.
2
Add a comment...

Joshua Tenner

Show Your Work  - 
 
https://github.com/jtenner/e2d

Released version 1.2.0

Please don't miss an opportunity to check out how to render your game inside a web worker!
e2d - A canvas rendering engine HEAVILY inspired by `react.js` to enable `WebWorker` rendering.
2
1
Joshua Tenner's profile photo
2 comments
 
I have some awesome prototypes that run in standalone browserify builds with polygonal mouse regions and 60fps that run perfectly when told to run in both the main loop or a Web worker with 0 code changes.

The api runs in both places. 
Add a comment...
Have him in circles
797 people
Alejandra Escobedo's profile photo
Wynd Ling's profile photo
PaleoHacks's profile photo
Sofia Mårtensson's profile photo
Val Keeley's profile photo
pawan kashyap's profile photo
Pete Zdanis's profile photo
san linhtet's profile photo
Amit Sinha's profile photo

Joshua Tenner

Show Your Work  - 
8
3
Joshua Tenner's profile photo
 
Thanks for the +1s and shares folks.
Add a comment...
 
http://requirebin.com/?gist=e178355ec3b5051a64cc

Showing off e2d: "A declarative web worker canvas renderer."

Move your mouse over the center of the canvas to expose the rotating star.
Node.js style modular code gets transformed into code that can run client-side using browserify via browserify-cdn. Want to see an example? requirebin.com/?gist=juliangruber/6264704. They are also embeddable requirebin.com/embed?gist=juliangruber/6264704. Here are a bunch more examples to play ...
5
Add a comment...

Joshua Tenner

Libraries  - 
 
*e2d.js* Version: 1.7.3

Featuring:

1. Intuitive Syntax
2. Polygonal Mouse Regions
3. Low Memory Consumption
4. Storable Render Commands
5. Web Worker Rendering

In a few days I'll model an application structure that makes e2d useful and much like react.js.
e2d - A canvas rendering engine HEAVILY inspired by `react.js` to enable `WebWorker` rendering.
4
1
Add a comment...

Joshua Tenner

Questions  - 
 
Does anyone here have experience with writing browserify plugins, ast transformers (esprima, acorn, babel), or webpack loaders?

I have a serious hankering for a jsx like syntax for my javascript library and could use the mentoring of someone MUCH smarter than myself.
1
Yury Tarabanko's profile photoJoshua Tenner's profile photo
2 comments
 
Thanks! I'll check them out when I have the chance! 
Add a comment...

Joshua Tenner

Shared publicly  - 
 
e2d.js

A Javascript library heavily inspired by react.js that does rendering in both the browser and inside a Web worker.

#javascript #js #html5 #canvas 
e2d - A canvas rendering engine HEAVILY inspired by react.js to help enforce one way data flow patterns.
1
Add a comment...

Joshua Tenner

Libraries  - 
 
e2d.js

A canvas rendering engine HEAVILY inspired by react.js to help enforce one way data flow patterns.

Please feel free to test and use in your projects!  I submit bug fixes quickly and I'm looking for feedback!
e2d - A canvas rendering engine HEAVILY inspired by react.js to help enforce one way data flow patterns.
1
Add a comment...
People
Have him in circles
797 people
Alejandra Escobedo's profile photo
Wynd Ling's profile photo
PaleoHacks's profile photo
Sofia Mårtensson's profile photo
Val Keeley's profile photo
pawan kashyap's profile photo
Pete Zdanis's profile photo
san linhtet's profile photo
Amit Sinha's profile photo
Links
Basic Information
Gender
Male
Apps with Google+ Sign-in
  • Floppy Bird
  • Clash of Clans
  • CivCrafter
  • Kingdom Rush
  • Raining Tacos
  • Shop Heroes
  • Lost in Harmony
  • Magic: Puzzle Quest
  • Boom Beach
  • Clash Royale
  • AdVenture Capitalist
  • Only One
  • PICK-XELL