Resources
Here's an overview of some resources for adding multimedia elements to your
webcomics. Please click the 'read more' for more information
Three.js
Three.js is a javascript library that allows you to put 3d models and
animations in your website. The possibilities for this in webcomics are
amazing You could have interactive props, or 3d animated panels, or
something else I haven't though of yet.
read more
- link to three.js
- see my experiment with three.js
GSAP
GSAP is a javascript library that allows for animations and interactive
elements on your website. This includes ScrollTrigger for scroll
animations, MotionPath for animating objects on a path, Draggable for
moveable elements, and more. The plugins I just mentioned are all free
to use but GSAP also has additional paid plugins.
read more
- link to gsap
- see my experiment with GSAP
Adaptive music
Adaptive music (aka dynamic music or interactive music) is music for
video games that can adapt to the players actions. Some examples are
music changes based on location, or approaching enemies, as well as
win/lose music. There are two main types of adaptive music, Horizontal
re-sequencing, where two different tracks are transitioned. And Vertical
re-orchestration where a track is split into different layers that can
be added and removed when needed. Or at least that's my understanding
after some research, I don't know anything about making music lol. But
anyways, what if you could use adaptive music in a multimedia webcomic ?
Thats what I want to find out below.
read more
- see my experiment with adaptive music
- adaptive music libraries
Parallax.js
Parallax.js by Matthew Wagerfield is a javascript parallax engine that can use the mouse on your computer or the gyroscope on your phone/tablet to create parallax animations.
- link to parallax.js
- see my experiment with parallax.js
Lenis Smooth Scrolling
Lenis is a FOSS javascript library that smooths the scrolling on your websites. This can be beneficial for a desktop site that you want to feel as smooth to read as mobile (because mobiles have their own scroll smoothing technology).