Dr Abstract articles - 35 total
Interactive Textures in three.js
ZIM has introduced ZIM TextureActive to make interactive textures on any mesh material in three.js. ...
Hey - want to learn to code the Canvas?
ZIM is the easiest fastest way to code the HTML Canvas with nice simple JavaScript! new...
Interactive Animation
Here is a full info page with code and ZIP file: Interactive Animation And a full article on...
Introducing Rarity
FXHash is an NFT MarketPlace that focuses on Generative Art. They also let artists specify...
Creating Interactive NFTs
I have made TWENTY interactive NFTs in two months and made $2000 from them! Here is the...
Next Version?
Dr Abstract will announce the next version of ZIM at the ZIM ZOOM on Thursday, July 29 at 12pm EST....
To Jigsaw or not to Jigsaw?
I have been making interactive media since 1995... I have always avoided making jigsaw puzzles as the...
PWA in 20 Minutes!
Progressive Web Apps (PWA) are how Web apps can act like Mobile apps. People can save them to their...
Fun with Sockets!
Sockets are used in mulituser apps like chats, shared spaces, avatar based games, etc. They are the...
Model View Controller with Truchet App
Truchet patterns can be scaled and rotated to make cool pictures. Try out the tool here https://zimj...
The Making of Plasma!
Here we use the ZIM Emitter() class to fashion Plasma: new Emitter({ obj:new Rectangle(50,50,[...
Making a Form on the Canvas
Here is a survey form on the HTML Canvas https://zimjs.com/survey/index.html?id=dev In this exampl...
What's after scratch?
ZIM at https://zimjs.com is perfectly poised to be what's next for those transitioning from Scratch t...
Using React Hooks with Django through Svelte and MQTT hub
Not everything has to be complicated. The code below is all you need to get started with an AMAZING w...
Eye of the Dragon!
Story of experiments with Noise - in ZIM - code creativity! "I was wanting to adjust Bloob to make r...
Intro to Canvas 3.0
Hey folks, we have been working very hard for the last five or six years to make the Canvas easy to u...
How to write for Dev
Have you noticed these things about the Dev community? There are a lot of articles every hour Ther...
The Making of an Angel Maker
Come check out how we made an Angel Maker drawing app in a dozen lines of code with ZIM https://code...
Flipped out over Flipper?!
A Flipper is a handy component! You can try it out here: https://codepen.io/zimjs/pen/LYRxprK Basic...
Hey devs - have you seen this before - parameters done two ways?
An honest question. We find it very very handy to be able to provide arguments to classes, methods a...
Flash is gone! We dedicate this book
I created so much with Flash and would like to honor its demise (December 2020) with a remake of the...
I think I understand Noise - here is my description
Noise is an equation that can be used to make art with code. Here are a couple examples: https://co...
Adding Score and Reset to Angry Birds - like Game
We had a request to add scores and resets to the Angry Bird - like game so here is Part D...
Angry Birds - like Physics game in 15 minutes with ZIM!
We have made an Angry Birds type game in 15 minutes at 66% the size of P5js and MatterJS. Here is th...
Happy Halloween!
Don't forget to leave your computer for Halloween! But come tomorrow - we look forward to seein...
Roller Coaster! On the Canvas with ZIM
Roller Coasters are a little tricky to code but ZIM has some treats to make it possible. First... ZI...
Multiuser on the Canvas
ZIM Socket handles multiuser without any server code! Here are examples https://zimjs.com/socket. A...
new Circle().center().drag();
Chaining is when the methods can be dotted to each other. Basically, a method can be dotted to an ob...
How to Emit Love!
Here we use a ZIM particle emitter on the Canvas - check it out on CodePen at https://codepen.io/zimj...
Explore the Canvas
We have a video series called ZIM Explore on YouTube. These are longer videos that go through code t...