0.1.0

troisjs · Oct 3, 2020 · 08bc80d · 08bc80d
1 parent de07618
commit 08bc80d
Show file tree

Hide file tree

Showing 9 changed files with 2,687 additions and 361 deletions.
diff --git a/build/trois.module.js b/build/trois.module.js
diff --git a/build/trois.module.js.map b/build/trois.module.js.map
diff --git a/build/trois.module.min.js b/build/trois.module.min.js
diff --git a/build/trois.module.min.js.map b/build/trois.module.min.js.map
diff --git a/docs/index.891a7ba5.js → docs/index.10d78495.js b/docs/index.891a7ba5.js → docs/index.10d78495.js
diff --git a/docs/index.html b/docs/index.html
@@ -9,7 +9,7 @@
 </head>
 <body>
   <div id="app"></div>
-  <script type="module" src="index.891a7ba5.js"></script>
+  <script type="module" src="index.10d78495.js"></script>
 
   <!-- Global site tag (gtag.js) - Google Analytics -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-178028522-1"></script>

diff --git a/package.json b/package.json
@@ -1,13 +1,12 @@
 {
   "name": "troisjs",
-  "version": "0.0.9",
+  "version": "0.1.0",
   "scripts": {
     "dev": "vite",
     "build": "vite build",
     "rollup": "rollup -c"
   },
   "dependencies": {
-    "chroma-js": "^2.1.0",
     "gsap": "^3.5.1",
     "three": "^0.120"
   },

diff --git a/rollup.config.js b/rollup.config.js
@@ -2,17 +2,24 @@ import commonjs from '@rollup/plugin-commonjs';
 import vue from 'rollup-plugin-vue';
 import buble from '@rollup/plugin-buble';
 import { terser } from "rollup-plugin-terser";
+// import replace from '@rollup/plugin-replace';
 
-const input = 'src/index.js';
+const input = 'src/export.js';
 const external = [
   'three',
   'three/examples/jsm/controls/OrbitControls.js',
-  'three/examples/jsm/postprocessing/EffectComposer.js',
+  'three/examples/jsm/loaders/GLTFLoader.js',
   'three/examples/jsm/postprocessing/BokehPass.js',
+  'three/examples/jsm/postprocessing/EffectComposer.js',
+  'three/examples/jsm/postprocessing/FilmPass.js',
+  'three/examples/jsm/postprocessing/HalftonePass.js',
   'three/examples/jsm/postprocessing/RenderPass.js',
+  'three/examples/jsm/postprocessing/SAOPass.js',
   'three/examples/jsm/postprocessing/UnrealBloomPass.js',
+  'gsap',
   'vue',
 ];
+
 const plugins = [
   commonjs(),
   vue(),
@@ -23,6 +30,74 @@ const plugins = [
 ];
 
 export default [
+  // {
+  //   input,
+  //   external,
+  //   output: {
+  //     format: 'umd',
+  //     name: 'TroisJS',
+  //     file: 'build/trois.umd.js',
+  //     sourcemap: true,
+  //     globals: {
+  //       'three': 'THREE',
+  //       'vue': 'Vue',
+  //     },
+  //   },
+  //   plugins,
+  // },
+  // {
+  //   input,
+  //   external,
+  //   output: {
+  //     format: 'umd',
+  //     name: 'TroisJS',
+  //     file: 'build/trois.umd.min.js',
+  //     sourcemap: true,
+  //   },
+  //   plugins: [
+  //     ...plugins,
+  //     terser(),
+  //   ],
+  // },
+  // {
+  //   input,
+  //   external,
+  //   output: {
+  //     format: 'es',
+  //     exports: 'named',
+  //     file: 'build/trois.module.cdn.js',
+  //     sourcemap: true,
+  //   },
+  //   plugins: [
+  //     replace({
+  //       'from \'three\'': 'from \'https://unpkg.com/[email protected]/build/three.module.js\'',
+  //       'from \'three/examples': 'from \'https://unpkg.com/[email protected]/examples',
+  //       'from \'gsap\'': 'from \'https://unpkg.com/[email protected]/index.js\'',
+  //       delimiters: ['', ''],
+  //     }),
+  //     ...plugins,
+  //   ],
+  // },
+  // {
+  //   input,
+  //   external,
+  //   output: {
+  //     format: 'es',
+  //     exports: 'named',
+  //     file: 'build/trois.module.cdn.min.js',
+  //     sourcemap: true,
+  //   },
+  //   plugins: [
+  //     replace({
+  //       'from \'three\'': 'from \'https://unpkg.com/[email protected]/build/three.module.js\'',
+  //       'from \'three/examples': 'from \'https://unpkg.com/[email protected]/examples',
+  //       'from \'gsap\'': 'from \'https://unpkg.com/[email protected]/index.js\'',
+  //       delimiters: ['', ''],
+  //     }),
+  //     ...plugins,
+  //     terser(),
+  //   ],
+  // },
   {
     input,
     external,
@@ -53,7 +128,7 @@ export default [
     external,
     output: {
       format: 'cjs',
-      file: 'dist/trois.js',
+      file: 'build/trois.js',
       sourcemap: true,
     },
     plugins,
@@ -63,7 +138,7 @@ export default [
     external,
     output: {
       format: 'cjs',
-      file: 'dist/trois.min.js',
+      file: 'build/trois.min.js',
       sourcemap: true,
     },
     plugins: [

diff --git a/src/components/demos/Demo1.vue b/src/components/demos/Demo1.vue
@@ -42,17 +42,17 @@
         <PhysicalMaterial flat-shading />
       </NoisySphere> -->
 
-      <MirrorMesh ref="mesh1" :position="{ x: -30, y: -15, z: 20 }" auto-update>
+      <MirrorMesh ref="mesh1" :position="{ x: -30, y: -20, z: 15 }" auto-update>
         <DodecahedronGeometry :radius="8" />
         <StandardMaterial color="#ffffff" :metalness="1" :roughness="0" />
       </MirrorMesh>
 
-      <RefractionMesh ref="mesh2" :position="{ x: 0, y: -15, z: 20 }" auto-update>
+      <RefractionMesh ref="mesh2" :position="{ x: 0, y: -20, z: 15 }" auto-update>
         <TorusGeometry :radius="8" :tube="3" />
         <StandardMaterial color="#ffffff" :metalness="1" :roughness="0" />
       </RefractionMesh>
 
-      <Gem ref="mesh3" :position="{ x: 30, y: -15, z: 20 }" auto-update>
+      <Gem ref="mesh3" :position="{ x: 30, y: -20, z: 15 }" auto-update>
         <DodecahedronGeometry :radius="8" />
         <StandardMaterial color="#0000ff" :metalness="1" :roughness="0" />
       </Gem>