View allAll Photos Tagged Javascript.

Taken at dotJS 2015 in Paris on December 7, 2015 by Nicolas Ravelli

This photo was captured at the 2018 edition of Great Indian Developer Summit (#gids18), April 24-28, Bangalore, India.

This is a silly prototype I made showing flash video overlaying HTML, and synchronising javascript animations and sound effects to a video timeline. The lower left block is video, the lights (including those overlaying the video) are HTML, CSS and Javascript.

 

It gets a little crunchy toward the end given CPU load etc.

All 4 browsers had just reloaded! wow!

killingclipart.com/testing/monster2/

 

Playing around with basic animation using the GreenSock javascript engine. When I programmed in AS3 back in the day I used GreenSock. I am VERY impressed with that this javascript animation engine can do... I'm ready to start playing around with more complex tests now.

More text manipulated with Javascript.

Graphic created with EaselJS and Canvas.

Impressions from the first nz.js(con); conference.javascript.org.nz/ organized by the JavaScript Society of New Zealand. javascript.org.nz/ Matt presented "I Play the JavaScript": Generating audio via JavaScript code.

Sometimes I find visual context helps when writing code. This is one example of a scratchpad for random thoughts.

 

Usually when I'm thinking in terms of coordinates, rows and columns or pixels as they relate to a grid pattern like this, it helps to draw outlines showing how the numbers correlate to the visuals.

 

In this case it was the "grid" (columns and rows of thumbnails) that I was working on. I knew scrolling, selection and rearrange would be important interactions that would need to be hashed out, once the photo items themselves has been defined as objects in JavaScript.

 

Later, primary controllers to be defined in JavaScript included the "display" (responsible for the current view), selection, events and state (sessionData) along with a few performance / browser limitation notes.

 

More fun background details on the grid are planned for a future code.flickr blog post.

I completely rewrote Mycelium in Plask. It's much cleaner now, and uses Skia for PDF export which is much faster. In the Processing version adding text was a huge pain. There was a system for exporting variously colored lines, which would then be stroked with text in Illustrator. It was super laborious and didn't look that good. Now it's automated and parameterized. Perhaps i'll write a little bit more about it later.

 

The text used here is an excerpt from Thoughts on Art and Life by Leonardo da Vinci.

Impressions from the first nz.js(con); conference.javascript.org.nz/ organized by the JavaScript Society of New Zealand. javascript.org.nz/

I found out about SoundManager so I've decided to start making my own little audio player.

Hello JavaScript User Group Cologne. Great to have you!

Taken at dotJS in Paris on November 17th, 2014 by Nicolas Ravelli

The map editor for my RPG project.

WIMP Meetup & Potluck:

Node.js: Why JavaScript sucks and you should use it everywhere

 

Meetup is FREE with a $5 suggested donation at the door. Help keep WIMP awesome.

 

Professional computer geek Dan Lyke will be presenting this month.

 

ABSTRACT

JavaScript is a necessary evil for web apps. Given that, how can NodeJS help us use JavaScript everywhere, on both clients and servers, to deploy higher quality software through code sharing, test driven development, and other best practices. No programming experience necessary.

 

OUTLINE:

1. Your project includes JavaScript because JavaScript is everywhere.

2. MVC - here's how applications are "supposed" to be structured.

3. A tangled mess - here's how web apps are actually structured.

4. Here's how JavaScript at all layers can help make that tangled mess more maintainable.

5. NodeJS can help you do that through:

 

- Test Driven Development (+mocha) (demo)

- Sharing code between Model and Controller (demo)

- Amazing frameworks (+meteor) (demo)

- Integrating NodeJS for other server apps (maybe demo)

- A few related technologies, or how Node.js can help you not write in JavaScript: CoffeeScript, C++/emscripten, TypeScript

  

WIMP WEBSITE www.beawimp.org

 

WIMP FACEBOOK www.facebook.com/groups/northbaywebpros

 

WIMP MEETUP www.meetup.com/beawimp

 

WIMP TWITTER @beawimp

 

ABOUT DAN LYKE: www.flutterby.net/User:DanLyke

Screenshot of the PixelFlow application I have been working on. Built using Canvas, CSS3 and EaselJS.

 

Design by Ben Griffith.

@chtiJS #11

1 2 ••• 11 12 14 16 17 ••• 79 80