A demo project for ycw/e2edce

Last update: Jun 22, 2022

Overview

About

A demo project for ycw/e2edce, showing how to eliminate deadcode for threejs appliaction.

📝 e2edce.base.config.js - threejs specific configuration.

it rewrites import source from three to three/src/Three, and
it minifies glsl sources in shaderchunk/ and shaderlib/.

🧪 Testbed

open devtools network panel, check size|content-length of 'index.bulid.js' for each test; if you're using chrome browsers, check also its coverage

🔢 Stats:

Logs Vector2
┌─────────┬──────────┐
│ (index) │   size   │
├─────────┼──────────┤
│  flat   │ '6.10Kb' │
│   dce   │ '1.91Kb' │
│   min   │  '87b'   │
│ min+gz  │  '96b'   │
└─────────┴──────────┘

Rotating Cube
┌─────────┬────────────┐
│ (index) │    size    │
├─────────┼────────────┤
│  flat   │ '693.53Kb' │
│   dce   │ '412.68Kb' │
│   min   │ '218.51Kb' │
│ min+gz  │ '53.56Kb'  │
└─────────┴────────────┘

Pick Rotating Cube
┌─────────┬────────────┐
│ (index) │    size    │
├─────────┼────────────┤
│  flat   │ '696.50Kb' │
│   dce   │ '427.08Kb' │
│   min   │ '226.27Kb' │
│ min+gz  │ '55.77Kb'  │
└─────────┴────────────┘

webgl_shaders_ocean.html
┌─────────┬────────────┐
│ (index) │    size    │
├─────────┼────────────┤
│  flat   │ '777.52Kb' │
│   dce   │ '576.02Kb' │
│   min   │ '307.84Kb' │
│ min+gz  │ '79.44Kb'  │
└─────────┴────────────┘

cannon-es/examples/threejs_mousepick
┌─────────┬────────────┐
│ (index) │    size    │
├─────────┼────────────┤
│  flat   │ '948.81Kb' │
│   dce   │ '627.66Kb' │
│   min   │ '296.49Kb' │
│ min+gz  │ '75.38Kb'  │
└─────────┴────────────┘

Build Locally

Clone this repo
Install deps, npm i
Create builds, npm run build
Boot http server, npm run serve
Check testbed at http://localhost:8080

To test your own codes:

Put your codes in src/foo.js
Write tests in tests/foo.js
Config e2edce in e2edce.config.js
Create build, npm run build
Check result at http://localhost:8080/public/foo/index.html

Credits

Demo showcasing information leaks resulting from an IndexedDB same-origin policy violation in WebKit.

Safari 15 IndexedDB Leaks Description This demo showcases information leaks resulting from an IndexedDB same-origin policy violation in WebKit (a brow

Nov 5, 2022

LunaSec - Open Source Security Software built by Security Engineers. Scan your dependencies for Log4Shell, or add Data Tokenization to prevent data leaks. Try our live Tokenizer demo: https://app.lunasec.dev

Our Software We're a team of Security Engineers on a mission to make awesome Open Source Application Security tooling. It all lives in this repo. Here

Jan 7, 2023

Example TodoMVC app(s) to demo and learn Muban

Muban Todo MVC This repo contains multiple projects that showcase different ways of creating a Todo MVC app with Muban. It serves as an example, but a

Jul 9, 2022

Demo repo used in crash course for students learning web development.

Web Development Crash Course Hosted by Rubberdøk Preparation Following these steps prepares you to join the interactive React demo of the crash course

Sep 20, 2022

A demo to show how to re-use Eleventy Image’s disk cache across Netlify builds.

Re-use Eleventy Image Disk Cache across Netlify Builds Live Demo This repository takes all of the high resolution browser logos and processes them thr

Apr 5, 2022

A repository of a Cypress testing demo

adeoweb-cypress-demo This is a repository of a Cypress testing demo. Based on adeoweb.biz website case study. What is this talk We will 👀 live-code a

Mar 24, 2022

Minze JS framework demo for codrops article.

Minze Demo Demo of a fictive Smart Home dashboard application. Article on Codrops Demo Running The application only needs a webserver to run. Install

Dec 31, 2022

Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks.

dummy-api Api similar to dummy-api Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks. All

Jan 7, 2023

Elven Tools Dapp - Elrond blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.

Elven Tools Dapp Docs: elven.tools/docs/landing-page.html Demo: dapp-demo.elven.tools Sneak peek: youtu.be/ATSxD3mD4dc The Dapp is built using Nextjs

Jan 1, 2023

A demo project for ycw/e2edce

Related tags

Overview

About

Build Locally

Credits

You might also like...

Demo showcasing information leaks resulting from an IndexedDB same-origin policy violation in WebKit.

LunaSec - Open Source Security Software built by Security Engineers. Scan your dependencies for Log4Shell, or add Data Tokenization to prevent data leaks. Try our live Tokenizer demo: https://app.lunasec.dev

Example TodoMVC app(s) to demo and learn Muban

Demo repo used in crash course for students learning web development.

A demo to show how to re-use Eleventy Image’s disk cache across Netlify builds.

A repository of a Cypress testing demo

Minze JS framework demo for codrops article.

Api for playing around with dummy data. Feel free to use it in your demo projects, tutorials, or testing tasks.

Elven Tools Dapp - Elrond blockckchain frontend dapp demo. Primarily for NFT minting, but it can be used for other purposes.

Owner

Hemsida för personer i Sverige som kan och vill erbjuda boende till människor på flykt

Kurs-repo för kursen Webbserver och Databaser

Nftix-demo-ui - Demo UI used in my NFT course on Egghead.io

Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here

This is a demo project for the SecTester JS SDK framework, with some installation and usage examples

A starter and demo project for Keycloakify v6 - Component level customization.

A demo of LaunchDarkly, React, and Vite, using the Pokémon API!

科技风智慧城市 Demo: http://stonerao.com/public/city/

A demo for E2E build piplelines in Design Systems using monorepo's and automation :zap:.

The app helps you to add todo items to your list, mark completed ones and also delete finished items. Its a handy tool for your day today activies. Check out the live demo.