alienkitty / alien.js Goto Github PK

is it possible to load .gltf ?
if so how ?

It doesn't (and never will) have things like module splitting and dynamic import (f.e. for loading certain code only when certain parts of the UI should be visible (f.e. if you show different UI based on client-side routes)).

Webpack is more complex, but it does have support for this, which for large apps can drastically reduce initial load time, and let the application only load bits and pieces as needed, otherwise never load un-used parts of the app.

References:

• https://twitter.com/0xca0a/status/1669698823931809795
• https://blog.maximeheckel.com/posts/beautiful-and-mind-bending-effects-with-webgl-render-targets/
• https://twitter.com/jesper_vos/status/1588496087429808128
• https://medium.com/resn/bandit%C3%B8-immersive-experience-f258361dead3

Hi,
This is a not entirely an issue but a question rather,
For running examples, we compile the alien.js (using all.js) The size of which is around 2.7MB but when I checked in network tab for the live example (https://alien.js.org/examples/shader_reflection_emissive.html for example) there the file size is 435KB.

I guess you are using brotli or gzip compression, but I dont know much about it.
Since I am using parcel bundler, there is an option to generate compressed builds (both brotli and gzip) but I dont know how to deploy the compressed one on github pages.
Could you please explain your deployment process (also I'm guessing that you are using Github pages since it is enabled for this repo, but if you are using cloudflare, could you explain how to enable compression there)
And Thanks for Alien.js, it has been extremely helpful for me in learning post-processing.

PS. for me, the bundle is getting large, so any suggestions on how I can reduce this? (I'm using parcel bundler v2)

https://github.com/pschroen/alien.js/blob/6dccdfc2f9605f9057303186acbaa03e46f30128/src/three/ScreenProjection.js#L11

What do you use this for?

Hey is it there a specific reason why the example : https://alien.js.org/examples/transitions/camera/ works on the iphone but not on ipad ?

See #8.

See #13.

See #7.

My use case is that I need to use es5 but I don't want the singleton style as I'm trying to integrating with Vuejs.

Related to #14.

Currently we are relying on global THREE (in Shader class for example), I'm not a bundle expert but I assume this will load the whole three library right? Since three is already super heavy ~ 130KB minified + gzipped. Therefore can we use module import to bundle only what is needed within alien.js internal to reduce bundle size?

ie.

import { Scene } from 'three';

const scene = new Scene();
...