Profile

Cover photo
Jaume Sánchez
Works at B-Reel
Lives in Barcelona
1,936 followers|532,957 views
AboutPostsPhotosYouTube

Stream

Jaume Sánchez

Shared publicly  - 
 
To celebrate Google #io15  , here's an experiment with WebGL, Web Audio API, physics, JavaScript and crazy music. Should run on desktop and mobile phones that can run WebGL. Enjoy!

http://www.clicktorelease.com/code/io15

#threejs   #webgl   #webaudio   #oimojs  
WebGL, Web Audio, Physics and JavaScript!
3
3
Art Scott's profile photoLo Th's profile photo
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
Creating a Plug'n Play Live WebGL Shader Editor 

Post: http://www.clicktorelease.com/blog/live-webgl-shader-editor
Demo: http://www.clicktorelease.com/tmp/shader-editor/
GitHub: https://github.com/spite/ShaderEditor

This is a JavaScript library that aims to provide the same functionality as Firefox DevTools Shader Editor: modify the source of shaders in real-time, in the browser, without reloading, easy to include and totally implementation-agnostic. Using function hooks to modify the relevant methods of WebGLRenderingContext, it's possible to add this features with JavaScript only.

#webgl   #javascrip   #chrome   #firefox   #safari   #glsl  
7
7
Andrii Trybynenko's profile photocristobal diaz's profile photoRichard Gigan (PooLP)'s profile photoJonas Etzold's profile photo
3 comments
 
Nice Work!
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
Updated ccapture.js, now with support for animated GIF!

- Improved overall flow
- Updated Whammy.js version
- Modularised encoders (CCFrameEncoder)
- Split WebM encoder to its own module (CCWebMEncoder)
- Added animated GIF support (CCGIFEncoder) with gifjs
- Updated examples

Performance with gif.js is still shaky, it's better to keep the framecount low!

GitHub: https://github.com/spite/ccapture.js

#javascript #webm
12
4
Ma Lei's profile photoKarim Mezhoud's profile photo
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
 
I didn't see this coming...

http://www.peoplebehindthepixels.com/

Since day one I didn't see how the demoscene would transition to the web. Demos are, traditionally, not interactive but web users expect interactivity.

However there is this fairly new thing called conference titles where usually a motiongraphics artists will create some sort of visual show including the names of the presenters. The end result is similar to what demos are in the demoscene. Even more similar to invitation demos.

This is not the first conference titles animation done in WebGL. I think I've seen 3 before? But I just didn't expect it would become a thing!

Yay!
1
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
Glossy reflections with +WebGL (and just now I've noticed that the ceiling is missing) http://youtu.be/xxHjMFsZZuk +three.js +JavaScript

Using parallax-corrected cube maps. Diffuse, normal and specular maps. Made with three.js for WebGL handling, custom shaders for rendering and Wagner for postprocessing (bloom, FXAA and vignette)
11
4
three.js's profile photoPhillip Kovalev's profile photoGergely Iharosi's profile photoIgnacio Mellado's profile photo
3 comments
 
VERY cool
Add a comment...

Jaume Sánchez

Shared publicly  - 
2
1
Ma Lei's profile photo
Add a comment...
Have him in circles
1,936 people
Andrew Longstaff's profile photo
Micaël Reynaud's profile photo
Guy Bedford's profile photo
Capital Trust Group Limited's profile photo
Alex Cabrera's profile photo
maninder batth's profile photo
christoph stevens's profile photo
Jeduan Cornejo's profile photo
David González Polán's profile photo

Jaume Sánchez

Shared publicly  - 
 
WebGL GLSL Shader Editor Extension for Google Chrome

A +Google Chrome DevTools extension to help you edit shaders live in the browser. Very much based on +Mozilla Firefox DevTools Shader Editor.

It's in beta stage: if you could install it, test it around and find issues, it'd be very helpful!

GitHub: https://github.com/spite/ShaderEditorExtension
Chrome Store: https://chrome.google.com/webstore/detail/shader-editor/ggeaidddejpbakgafapihjbgdlbbbpob

#webgl   #glsl   #javascript   #chrome   #devtools   #extension  
ShaderEditorExtension - Google Chrome DevTools extension to live edit WebGL GLSL shaders
7
8
miho aka's profile photoCait Tiac's profile photo
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
Storyline.js: Multi-purpose sequencer that lets you define a storyboard using natural language.

GitHub: https://github.com/spite/Storyline.js

#javascript   #chrome  #firefox #safari  
3
1
James Swansburg's profile photo
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
New blog post about about the making of "cru·ci·form", with sSome details on how the project came to be, a bit of technical info and lessons learned on the process.

Read it here: http://www.clicktorelease.com/blog/making-of-cruciform

Grab the code here: https://github.com/spite/cruciform

#threejs   #webgl   #javascript  
4
4
Ricardo Cabello's profile photoJesse Warden's profile photo
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
B E Y O N D, our Christmas Experiment entry with +Isaac Cohen 

http://christmasexperiments.com/experiments/xps/24/

JavaScript, WebGL with three.js, Web Audio, lots of GLSL shaders for crystal growth and post-processing and more!

Enjoy and Happy Holidays!
8
2
Mohamed Ikbel Boulabiar's profile photothree.js's profile photoSvein Morten Erikstad's profile photo
 
It crashed chrome mobile on my nexus 5
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
Get carving with this year's Halloween experiment! http://www.itsamessage.com/halloween2014/ 

Carve your own jack-o-lantern and share it with everyone!

Video: Halloween 2014 Experiment - Jack O' Lantern

#webgl   #threejs   #javascript  
Carve your own jack-o-lantern and share it with everyone!
6
9
Jesse Warden's profile photoThijs Krooswijk's profile photoNicolas C's profile photoXavier Rubio Jansana's profile photo
2 comments
 
+prosthetic knowledge i guess it looked all stacked up with no icons? i think there's an issue if the vector font doesn't load completely. Does it happen if you load the page again? I'll check to see if there's something there.
Add a comment...

Jaume Sánchez

Shared publicly  - 
 
It's not Oculus' last tech demo. It's not Elon Musk next step to get to Mars. It's #webgl  with  +three.js on +Android  (with +Google Chrome and +Mozilla Firefox ) and DeviceOrientation, and some amazing +NASA  images.

http://www.clicktorelease.com/code/mars-panorama/

Get yourself to Mars and peek around
17
3
Jaume Sánchez's profile photothree.js's profile photoJohan Sundström's profile photoMarcin Piekarski's profile photo
7 comments
 
+Marcin Piekarski not really. I think just googled images for nasa mars panorama. And I think the nasa.gov website has all kinds of amazing resources.
Add a comment...
People
Have him in circles
1,936 people
Andrew Longstaff's profile photo
Micaël Reynaud's profile photo
Guy Bedford's profile photo
Capital Trust Group Limited's profile photo
Alex Cabrera's profile photo
maninder batth's profile photo
christoph stevens's profile photo
Jeduan Cornejo's profile photo
David González Polán's profile photo
Work
Employment
  • B-Reel
    present
Basic Information
Gender
Male
Apps with Google+ Sign-in
Story
Tagline
You am i you am the robot
Places
Map of the places this user has livedMap of the places this user has livedMap of the places this user has lived
Currently
Barcelona
Previously
London
Links