Merge pull request #91 from Absulit/dev

Dev
Absulit · Feb 2, 2024 · f1f0071 · f1f0071
2 parents dbb1aa3 + 51334a3
commit f1f0071
Show file tree

Hide file tree

Showing 64 changed files with 212 additions and 154 deletions.
diff --git a/examples/audio1/frag.js b/examples/audio1/frag.js
@@ -1,8 +1,8 @@
-import { fnusin } from '../../src/core/animation.js';
-import { snoise } from './../../src/core/noise2d.js';
-import { sdfCircle } from './../../src/core/sdf.js';
-import { WHITE, RED, layer } from './../../src/core/color.js';
-import { audioAverage, audioAverageSegments } from '../../src/core/audio.js';
+import { fnusin } from 'animation';
+import { snoise } from 'noise2d';
+import { sdfCircle } from 'sdf';
+import { WHITE, RED, layer } from 'color';
+import { audioAverage, audioAverageSegments } from 'audio';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/audio1/index.js b/examples/audio1/index.js
@@ -1,7 +1,7 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import Points from './../../src/absulit.points.module.js';
+import Points from 'points';
 
 let audio = null;
 

diff --git a/examples/audio2/frag.js b/examples/audio2/frag.js
@@ -1,9 +1,9 @@
-import { fnusin } from '../../src/core/animation.js';
-import { snoise } from '../../src/core/noise2d.js';
-import { sdfCircle } from '../../src/core/sdf.js';
-import { WHITE, RED, GREEN, YELLOW, layer } from '../../src/core/color.js';
-import { audioAverage, audioAverageSegments } from '../../src/core/audio.js';
-import { texturePosition } from '../../src/core/image.js';
+import { fnusin } from 'animation';
+import { snoise } from 'noise2d';
+import { sdfCircle } from 'sdf';
+import { WHITE, RED, GREEN, YELLOW, layer } from 'color';
+import { audioAverage, audioAverageSegments } from 'audio';
+import { texturePosition } from 'image';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/audio2/index.js b/examples/audio2/index.js
@@ -1,8 +1,8 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import Points from '../../src/absulit.points.module.js';
-import RenderPasses from './../../src/RenderPasses.js';
+import Points from 'points';
+import RenderPasses from 'renderpasses';
 
 let audio = null;
 

diff --git a/examples/base/frag.js b/examples/base/frag.js
@@ -1,4 +1,4 @@
-import { fnusin } from '../../src/core/animation.js';
+import { fnusin } from 'animation';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/base/index.js b/examples/base/index.js
@@ -1,7 +1,7 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import Points from './../../src/absulit.points.module.js';
+import Points from 'points';
 
 const base = {
     vert,

diff --git a/examples/bloom1/frag.js b/examples/bloom1/frag.js
@@ -1,9 +1,9 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { texturePosition } from '../../src/core/image.js';
-import { bloom, brightness } from '../../src/core/color.js';
-import { sdfCircle, sdfLine, sdfSegment } from '../../src/core/sdf.js';
-import { fnusin, fusin } from '../../src/core/animation.js';
-import { polar, PI } from '../../src/core/math.js';
+import { snoise } from 'noise2d';
+import { texturePosition } from 'image';
+import { bloom, brightness } from 'color';
+import { sdfCircle, sdfLine, sdfSegment } from 'sdf';
+import { fnusin, fusin } from 'animation';
+import { polar, PI } from 'math';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/circleblur/compute.js b/examples/circleblur/compute.js
@@ -1,5 +1,5 @@
 
-import { clearMix } from './../../src/core/effects.js';
+import { clearMix } from 'effects';
 const compute = /*wgsl*/`
 
 ${clearMix}

diff --git a/examples/circleblur/frag.js b/examples/circleblur/frag.js
@@ -1,5 +1,5 @@
-import { fnusin, fusin } from '../../src/core/animation.js';
-import { texturePosition } from '../../src/core/image.js';
+import { fnusin, fusin } from 'animation';
+import { texturePosition } from 'image';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/circleblur/index.js b/examples/circleblur/index.js
@@ -1,7 +1,7 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import RenderPass from './../../src/RenderPass.js';
+import RenderPass from 'renderpass';
 const circleblur = {
     renderPasses: [
         new RenderPass(null, null, compute, 800, 800, 1),

diff --git a/examples/dithering1/frag.js b/examples/dithering1/frag.js
@@ -1,8 +1,8 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from '../../src/core/effects.js';
-import { pixelateTexture, texturePosition } from '../../src/core/image.js';
-import { brightness } from './../../src/core/color.js';
-import { fnusin } from '../../src/core/animation.js';
+import { snoise } from 'noise2d';
+import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from 'effects';
+import { pixelateTexture, texturePosition } from 'image';
+import { brightness } from 'color';
+import { fnusin } from 'animation';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/dithering2/frag.js b/examples/dithering2/frag.js
@@ -1,8 +1,8 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from '../../src/core/effects.js';
-import { texturePosition } from '../../src/core/image.js';
-import { brightness } from './../../src/core/color.js';
-import { fnusin, fusin } from '../../src/core/animation.js';
+import { snoise } from 'noise2d';
+import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from 'effects';
+import { texturePosition } from 'image';
+import { brightness } from 'color';
+import { fnusin, fusin } from 'animation';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/dithering3_1/compute.js b/examples/dithering3_1/compute.js
@@ -1,4 +1,4 @@
-import { brightness } from '../../src/core/color.js';
+import { brightness } from 'color';
 
 const compute = /*wgsl*/`
 

diff --git a/examples/dithering3_1/frag.js b/examples/dithering3_1/frag.js
@@ -1,7 +1,7 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from '../../src/core/effects.js';
-import { texturePosition } from '../../src/core/image.js';
-import { fnusin } from '../../src/core/animation.js';
+import { snoise } from 'noise2d';
+import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from 'effects';
+import { texturePosition } from 'image';
+import { fnusin } from 'animation';
 
 const frag = /*wgsl*/`
 struct Variable{

diff --git a/examples/dithering3_1/index.js b/examples/dithering3_1/index.js
@@ -1,7 +1,7 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import ShaderType from '../../src/absulit.points.module.js';
+import ShaderType from 'shadertype';
 const dithering3 = {
     vert,
     compute,

diff --git a/examples/dithering3_2/compute.js b/examples/dithering3_2/compute.js
@@ -1,4 +1,4 @@
-import { brightness } from '../../src/core/color.js';
+import { brightness } from 'color';
 
 const compute = /*wgsl*/`
 

diff --git a/examples/dithering3_2/frag.js b/examples/dithering3_2/frag.js
@@ -1,7 +1,7 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from '../../src/core/effects.js';
-import { texturePosition } from '../../src/core/image.js';
-import { fnusin } from '../../src/core/animation.js';
+import { snoise } from 'noise2d';
+import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from 'effects';
+import { texturePosition } from 'image';
+import { fnusin } from 'animation';
 
 const frag = /*wgsl*/`
 struct Variable{

diff --git a/examples/dithering3_2/index.js b/examples/dithering3_2/index.js
@@ -1,8 +1,8 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import RenderPass from './../../src/RenderPass.js';
-import ShaderType from './../../src/ShaderType.js';
+import RenderPass from 'renderpass';
+import ShaderType from 'shadertype';
 const dithering3 = {
     renderPasses: [
         new RenderPass(vert, frag, compute, 800, 800)

diff --git a/examples/dithering4/frag.js b/examples/dithering4/frag.js
@@ -1,9 +1,9 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from '../../src/core/effects.js';
-import { PI } from '../../src/core/math.js';
-import { texturePosition } from '../../src/core/image.js';
-import { fnusin } from '../../src/core/animation.js';
-import { brightness } from '../../src/core/color.js';
+import { snoise } from 'noise2d';
+import { getClosestColorInPalette, orderedDithering, orderedDithering_threshold_map } from 'effects';
+import { PI } from 'math';
+import { texturePosition } from 'image';
+import { fnusin } from 'animation';
+import { brightness } from 'color';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/events1/frag.js b/examples/events1/frag.js
@@ -1,5 +1,5 @@
-import { sdfCircle } from '../../src/core/sdf.js';
-import { WHITE, BLUE, GREEN, RED, YELLOW } from '../../src/core/color.js';
+import { sdfCircle } from 'sdf';
+import { WHITE, BLUE, GREEN, RED, YELLOW } from 'color';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/events1/index.js b/examples/events1/index.js
@@ -1,7 +1,7 @@
 import vert from './vert.js';
 import compute from './compute.js';
 import frag from './frag.js';
-import Points from '../../src/absulit.points.module.js';
+import Points from 'points';
 
 const base = {
     vert,

diff --git a/examples/imagescale1/frag.js b/examples/imagescale1/frag.js
@@ -1,5 +1,5 @@
-import { texturePosition } from '../../src/core/image.js';
-import { layer } from '../../src/core/color.js';
+import { texturePosition } from 'image';
+import { layer } from 'color';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/imagetexture1/frag.js b/examples/imagetexture1/frag.js
@@ -1,4 +1,4 @@
-import { texturePosition } from '../../src/core/image.js';
+import { texturePosition } from 'image';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/imagetexture2/frag.js b/examples/imagetexture2/frag.js
@@ -1,8 +1,8 @@
-import { fnusin } from '../../src/core/animation.js';
-import { brightness } from '../../src/core/color.js';
-import { polar } from '../../src/core/math.js';
-import { snoise } from '../../src/core/noise2d.js';
-import { texturePosition } from './../../src/core/image.js';
+import { fnusin } from 'animation';
+import { brightness } from 'color';
+import { polar } from 'math';
+import { snoise } from 'noise2d';
+import { texturePosition } from 'image';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/imagetexture3/frag.js b/examples/imagetexture3/frag.js
@@ -1,6 +1,6 @@
-import { fnusin } from '../../src/core/animation.js';
-import { brightness } from '../../src/core/color.js';
-import { texturePosition } from '../../src/core/image.js';
+import { fnusin } from 'animation';
+import { brightness } from 'color';
+import { texturePosition } from 'image';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/imagetexture4/frag.js b/examples/imagetexture4/frag.js
@@ -1,5 +1,5 @@
-import { snoise } from '../../src/core/noise2d.js';
-import { texturePosition } from '../../src/core/image.js';
+import { snoise } from 'noise2d';
+import { texturePosition } from 'image';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/index.html b/examples/index.html
@@ -11,6 +11,33 @@
 
         <script src="../src/vendor/stats.js"></script>
         <script src="../src/vendor/ccapture/CCapture.all.min.js"></script>
+
+        <script type="importmap">
+            {
+              "imports": {
+                "points": "../src/absulit.points.module.js",
+
+                "datasize": "../src/data-size.js",
+                "renderpass": "../src/RenderPass.js",
+                "shadertype": "../src/ShaderType.js",
+
+                "animation": "../src/core/animation.js",
+                "audio": "../src/core/audio.js",
+                "color": "../src/core/color.js",
+                "debug": "../src/core/debug.js",
+                "effects": "../src/core/effects.js",
+                "image": "../src/core/image.js",
+                "math": "../src/core/math.js",
+                "noise2d": "../src/core/noise2d.js",
+                "random": "../src/core/random.js",
+                "renderpasses": "../src/RenderPasses.js",
+                "sdf": "../src/core/sdf.js",
+
+                "datgui": "../src/vendor/datgui/dat.gui.module.js"
+              }
+            }
+        </script>
+
         <script src="main.js" type="module"></script>
     </body>
 </html>
diff --git a/examples/layers1/frag.js b/examples/layers1/frag.js
@@ -1,4 +1,4 @@
-import { fnusin } from './../../src/core/animation.js';
+import { fnusin } from 'animation';
 const frag = /*wgsl*/`
 
 ${fnusin}

diff --git a/examples/main.js b/examples/main.js
@@ -1,8 +1,8 @@
 'use strict';
-import * as dat from './../src/vendor/datgui/dat.gui.module.js';
-import Points from '../src/absulit.points.module.js';
-import ShaderType from '../src/ShaderType.js';
-import RenderPass from '../src/RenderPass.js';
+import * as dat from 'datgui';
+import Points from 'points';
+import ShaderType from 'shadertype';
+import RenderPass from 'renderpass';
 
 /***************/
 const stats = new Stats();

diff --git a/examples/mesh1/frag.js b/examples/mesh1/frag.js
@@ -1,4 +1,4 @@
-import { fnusin } from './../../src/core/animation.js';
+import { fnusin } from 'animation';
 const frag = /*wgsl*/`
 
 ${fnusin}

diff --git a/examples/mesh1/vert.js b/examples/mesh1/vert.js
@@ -1,4 +1,4 @@
-import { fnusin } from './../../src/core/animation.js';
+import { fnusin } from 'animation';
 const vert = /*wgsl*/`
 
 ${fnusin}

diff --git a/examples/mouse1/frag.js b/examples/mouse1/frag.js
@@ -1,5 +1,5 @@
-import { showDebugCross, showDebugFrame } from '../../src/core/debug.js';
-import { sdfLine, sdfSegment } from '../../src/core/sdf.js';
+import { showDebugCross, showDebugFrame } from 'debug';
+import { sdfLine, sdfSegment } from 'sdf';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/mouseclickscroll1/frag.js b/examples/mouseclickscroll1/frag.js
@@ -1,5 +1,5 @@
-import { sdfCircle } from '../../src/core/sdf.js';
-import { GREEN, RED } from './../../src/core/color.js';
+import { sdfCircle } from 'sdf';
+import { GREEN, RED } from 'color';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/noise1/frag.js b/examples/noise1/frag.js
@@ -1,5 +1,5 @@
-import { fnusin } from '../../src/core/animation.js';
-import { snoise } from '../../src/core/noise2d.js';
+import { fnusin } from 'animation';
+import { snoise } from 'noise2d';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/noisecircle1/frag.js b/examples/noisecircle1/frag.js
@@ -1,5 +1,5 @@
-import { sdfCircle } from '../../src/core/sdf.js';
-import { snoise } from '../../src/core/noise2d.js';
+import { sdfCircle } from 'sdf';
+import { snoise } from 'noise2d';
 
 const frag = /*wgsl*/`
 

diff --git a/examples/params_test/frag.js b/examples/params_test/frag.js
@@ -1,6 +1,6 @@
-import { fnusin } from '../../src/core/animation.js';
+import { fnusin } from 'animation';
 import { structs } from './structs.js';
-import { rand } from '../../src/core/random.js';
+import { rand } from 'random';
 
 const frag = /*wgsl*/`