public marks

PUBLIC MARKS from sbrothier

This month

JavaScript — Rigging and skeletal animation in Three.js

Three.js supports some basic rigging and skeletal animation. The simplest way to achieve a nice character animation is to make it in appropriate software first. This article is going to be about Blender rigging workflow and how to do the best for a clean Three.js export.

Creating skeletal animation in Blender and exporting it to three.js. | DevMatrix

Today I’ve faced a rather difficult problem to solve. Creating model in Blender, animating it with armature and exporting the animation to THREE.js (r56) JSON format.

The Believer Logger - An Experiment in Anxiety — An Experiment in Anxiety

Most authors give interviews when they’ve been done with their books for more than a year. After the long processes of copyediting, cover-approval, and book-tour scheduling, the actual composition of the book is a distant memory. The following conversation with the novelist Joshua Cohen was conducted last Tuesday, when he was about 40 percent finished with his new book, PCKWCK (his tenth)—and, for a few hours every day this week, the newest novel in existence.

October 2015

Paper.js — Using Pixel Colors

by 1 other
Using Paper.js you can easily work with the colors of individual pixels of Raster items.

LockBits vs Get Pixel Set Pixel - Performance | Pragmatic Developer

When using GDI+ method you can optimize the process of bitmap manipulation  seven  times.I am implementing an image scaling algorithm at my University Seam Carving . While working on this project I realized that simply accessing pixels by the GetPixel and SetPixel methods is too slow.

Fast Pixel Operations in .NET (With and Without unsafe) - CodeProject

The Bitmap class has GetPixel and SetPixel methods that let you acquire and change color of chosen pixels. Those methods are very easy to use but are also extremely slow. My previous post gives detailed explanation on the topic, click here if you are interested. Fortunately, you don’t have to use external libraries (or resign from .NET altogether) to do fast image manipulation. The Framework contains a class called ColorMatrix that lets you apply many changes to images in an efficient manner. Properties such as contrast or saturation can be modified this way. But what about manipulation of individual pixels? It can be done too, with the help from the Bitmap.LockBits method and the BitmapData class… A good way to test individual pixel manipulation speed is color difference detection. The task is to find portions of an image that have color similar to some chosen color. How to check if colors are similar? Think about color as a point in three dimensional space, where axis are: red, green and blue. Two colors are two points. The difference between colors is described by the distance between two points in RGB space.


by 1 other
Discover nearly 1500 Gins and 100 Tonics

Design in Sketch Then Animate In Keynote — Medium

We know design is important in today’s uber tech world; but it still happens, in many teams design thinking ends up at a stand still once the deliverables are passed down the chain to marketing or development.

Perceptual Image Compression at Flickr |

by 1 other
At Flickr our users really care about image quality.  They also care a lot about how responsive our apps are.  Addressing both of these concerns simultaneously is challenging;  higher quality images have larger file sizes and are slower to transfer.   Slow transfers are especially noticeable on mobile devices.   Flickr had historically aimed for high quality at the expense of larger files, but in late 2014 we implemented a method to both maintain image quality and decrease the byte-size of the images we serve to users.   As image appearance is very important to our users,  we performed an extensive user test before rolling this change out.   Here’s how we did it.

September 2015


Waveform.js makes drawing SoundCloud waveforms simple and lets you style and color them the way you want it. It comes as a small JavaScript library and is using a lightweight service hosted on that translates the waveform images provided by SoundCloud into floating points.

Snap.svg Animator

This is a Custom Platform Plugin for Flash CC exporting animated content to SVG using the Snap.svg javascript library to render content.

svg/svgo · GitHub

by 1 other
SVG files, especially exported from various editors, usually contains a lot of redundant and useless information such as editor metadata, comments, hidden elements, default or non-optimal values and other stuff that can be safely removed or converted without affecting SVG rendering result.

Reflector 2 | Wireless mirroring & streaming for Android, iOS & Chromebooks

by 1 other
eflector is a wireless mirroring and streaming receiver that works great with Google Cast™, AirPlay™ and AirParrot 2®. Mirror your content to the big screen without wires or complicated setups. Play games, watch movies, demo applications or present from the palm of your hand. Even send your screens directly to YouTube for others to watch live. Everything you do on your device can be wirelessly sent to Reflector!

PULP - A film about Life, Death & Supermarkets

"I felt that the film was a triumph—moving, funny, sweet, eccentric—and the reaction from the audience, well, it’s the kind of thing that makes you feel like you are smiling with your heart. Two people who I spoke with were moved to tears. How many rock docs can you say that about?"

Real Talk With Trans People — Matter — Medium

Words can cut, like knives slicing open wounds. For transgender folk, loaded lingo has long made us feel unseen and unwelcome. Now there’s a growing acceptance that we all need to stop using words that reduce trans people to their clothing (“transvestite”) or their genitals (“transsexual”), or that are plain offensive (“tr-nny”).

Production Type

Production Type is a digital typeface foundry based in Paris, France. Operated by French type designer Jean-Baptiste Levée, the foundry produces retail typefaces for brands, corporations and publications; for print, screen and environmental design.

Richard Heap

A few typographical gems that can be found in Guatemala City's Zone 1 - the capital's downtown centre. It's glory days may have passed, but these are still looking great. 

August 2015

popSLATE | The Second Screen for Your iPhone

Access what’s important to you, without having to unlock your phone. By using a super low-power ePaper screen, instead of your power-hungry iPhone screen, you save your phone’s battery.

Jays - Earphones, Headphones and Accessories

We're presenting u-JAYS, our new on-ear headphones for iOS, Windows or Android.

sbrothier's TAGS


limit:50 100 200

3d   Activism   advertising   agency   animation   archi   art   bank   bd   blog   books   brico   cinema   collection   color   css   culture   deco   design   diy   drink   energy   enfants   environment   euvs   euvs-content   event   fashion   flag   flash   flickr   fonts   food   games   google   graphic design   graphic resource   hardware   health   humor   icons   illustration   illustrator   interface   internet   ipad   iphone   Jardinage   javascript   kids   lang:en   lang:fr   light   location:japan   location:paris   mac   magazine   maps   martial arts   mobile   motiondesign   museum   music   écologie   papercut   photography   photos   photoshop   plugin   politics   porn   portfolio   presidentielle2007   print   privacy   recettes   shop   software   sounds   sports   t-shirts   tools   toys   tv   typography   ui   upian   usability   video   vintage   voyages   web services   web/tech   webdesign   webdocumentaire   wishlist