@anov/3d-ability 0.0.4-alpha1

package/dist/material/pristineGridMaterial/shader/fragment.js

@@ -0,0 +1 @@
+export default /* glsl */"\nprecision highp float;\n\n// Varyings from the vertex shader\nin vec2 v_uv;\nin vec2 v_worldPos;\n\n// Uniforms\nuniform float u_majorLineWidth, u_minorLineWidth, u_axisLineWidth;\nuniform vec3 u_majorLineColor, u_minorLineColor, u_baseColor;\nuniform vec3 u_xAxisColor, u_zAxisColor;\nuniform float u_majorGridDiv, u_baseAlpha;\nuniform vec2 u_resolution;\n\n// Output color\nout vec4 gColor;\n\nfloat saturate(float value) {\nreturn clamp(value, 0.0, 1.0);\n}\n\nvoid main() {\n    // Calculate derivatives for anti-aliasing\nvec4 uvDDXY = vec4(dFdx(v_uv), dFdy(v_uv));\nvec2 uvDeriv = vec2(length(uvDDXY.xz), length(uvDDXY.yw));\n\nvec4 worldPosDDXY = vec4(dFdx(v_worldPos), dFdy(v_worldPos));\nvec2 worldPosDeriv = vec2(length(worldPosDDXY.xz), length(worldPosDDXY.yw));\n\n    // Axis lines calculation\nfloat axisLineWidth = max(u_majorLineWidth, u_axisLineWidth);\n\nvec2 axisDrawWidth = vec2(axisLineWidth) + worldPosDeriv * 0.5; // Adjust for AA\nvec2 axisLineAA = worldPosDeriv * 1.5;\nvec2 axisLines2 = smoothstep(axisDrawWidth + axisLineAA, axisDrawWidth - axisLineAA, abs(v_worldPos.xy * 2.0));\naxisLines2 *= (axisLineWidth / axisDrawWidth);\n\n    // Major grid lines\nfloat div = max(2.0, round(u_majorGridDiv));\nvec2 majorUVDeriv = worldPosDeriv / div;\nfloat majorLineWidth = u_majorLineWidth / div;\nvec2 majorDrawWidth = clamp(vec2(majorLineWidth), majorUVDeriv, vec2(0.5));\nvec2 majorLineAA = majorUVDeriv * 1.5;\nvec2 majorGridUV = 1.0 - abs(fract(v_worldPos.xy / div) * 2.0 - 1.0);\nvec2 majorGrid2 = smoothstep(majorDrawWidth + majorLineAA, majorDrawWidth - majorLineAA, majorGridUV);\nmajorGrid2 *= (majorLineWidth / majorDrawWidth);\n\n    // Minor grid lines\nfloat minorLineWidth = u_minorLineWidth;\nbool minorInvertLine = minorLineWidth > 0.5;\nfloat minorTargetWidth = minorInvertLine ? 1.0 - minorLineWidth : minorLineWidth;\nvec2 minorDrawWidth = clamp(vec2(minorTargetWidth), uvDeriv, vec2(0.5));\nvec2 minorLineAA = uvDeriv * 1.5;\nvec2 minorGridUV = abs(fract(v_uv) * 2.0 - 1.0);\nminorGridUV = minorInvertLine ? minorGridUV : 1.0 - minorGridUV;\nvec2 minorGrid2 = smoothstep(minorDrawWidth + minorLineAA, minorDrawWidth - minorLineAA, minorGridUV);\nminorGrid2 *= (minorTargetWidth / minorDrawWidth);\n\nif(max(axisLines2.x, axisLines2.y) > 0.) {\n        // If we're drawing axis lines, don't draw grid lines on axis\nmajorGrid2 = vec2(0.);\nminorGrid2 = vec2(0.);\n}\n\n // Combine minor and major grid lines\nfloat minorGrid = mix(minorGrid2.x, 1.0, minorGrid2.y);\nfloat majorGrid = mix(majorGrid2.x, 1.0, majorGrid2.y);\n\n    // Final color calculations for grid\nvec3 gridColor = mix(u_baseColor, u_minorLineColor, minorGrid);\ngridColor = mix(gridColor, u_majorLineColor, majorGrid);\nfloat gridAlpha = u_baseAlpha;\n\n    // Apply base alpha to the grid lines\nif(minorGrid > 0.0) {\ngridAlpha = saturate(mix(gridAlpha, 1.0, minorGrid));\n}\nif(majorGrid > 0.0) {\ngridAlpha = saturate(mix(gridAlpha, 1.0, majorGrid));\n}\n\n    // Apply axis color to the axis lines\nvec3 axisColor = mix(vec3(1.), u_xAxisColor, step(0.5, abs(v_worldPos.x)));\naxisColor = mix(axisColor, u_zAxisColor, step(0.5, abs(v_worldPos.y)));\n\nvec3 finalColor = mix(gridColor, axisColor, max(axisLines2.x, axisLines2.y));\n\nif(max(axisLines2.x, axisLines2.y) > 0.) {\ngridAlpha = saturate(mix(gridAlpha, 1.0, max(axisLines2.x, axisLines2.y)));\n}\n\n    // Set the final fragment color\ngColor = vec4(finalColor, gridAlpha);\n}\n";

package/dist/material/pristineGridMaterial/shader/vertex.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "\n\nprecision highp float;\n\n// Uniforms\nuniform float u_majorGridDiv;\nuniform float u_gridDiv;\n\nout vec2 v_uv; // Passed to the fragment shader\nout vec2 v_worldPos;\nvoid main() {\n    vec4 transformed = vec4(position, 1.0);\n    gl_Position = projectionMatrix * viewMatrix * modelMatrix * transformed;\n\n    vec3 worldPosition = (modelMatrix * transformed).xyz;\n\n    v_worldPos = worldPosition.xz * u_gridDiv;\n\n    // Use local position for grid calculations\n    vec3 localPos = transformed.xyz;\n    vec3 cameraCenteringOffset = floor(cameraPosition);\n    vec3 cameraSnappedWorldPos = worldPosition.xyz - cameraCenteringOffset;\n    v_uv = cameraSnappedWorldPos.xz * u_gridDiv;\n\n}\n";
+export default _default;

package/dist/material/pristineGridMaterial/shader/vertex.js

@@ -0,0 +1 @@
+export default /* glsl */"\n\nprecision highp float;\n\n// Uniforms\nuniform float u_majorGridDiv;\nuniform float u_gridDiv;\n\nout vec2 v_uv; // Passed to the fragment shader\nout vec2 v_worldPos;\nvoid main() {\n    vec4 transformed = vec4(position, 1.0);\n    gl_Position = projectionMatrix * viewMatrix * modelMatrix * transformed;\n\n    vec3 worldPosition = (modelMatrix * transformed).xyz;\n\n    v_worldPos = worldPosition.xz * u_gridDiv;\n\n    // Use local position for grid calculations\n    vec3 localPos = transformed.xyz;\n    vec3 cameraCenteringOffset = floor(cameraPosition);\n    vec3 cameraSnappedWorldPos = worldPosition.xyz - cameraCenteringOffset;\n    v_uv = cameraSnappedWorldPos.xz * u_gridDiv;\n\n}\n";

package/dist/postEffects/bloomPass.d.ts

@@ -0,0 +1,5 @@
+/**
+ * create bloom selected
+ */
+declare const createBloomSelected: () => () => void;
+export default createBloomSelected;

package/dist/postEffects/bloomPass.js

@@ -0,0 +1,30 @@
+import { Layers, use, utils } from '@anov/3d-core';
+import { BlendFunction, EffectPass, KernelSize, SelectiveBloomEffect } from 'postprocessing';
+var storeManagement = utils.storeManagement;
+var useScene = use.useScene;
+
+/**
+ * create bloom selected
+ */
+var createBloomSelected = function createBloomSelected() {
+  var _useScene = useScene(),
+    scene = _useScene.scene,
+    camera = _useScene.camera;
+  var composer = storeManagement.get('composer');
+  if (!scene || !camera) throw new Error('scene or camera is not defined,');
+  if (!composer) throw new Error('composer is not defined, please initPostEffects first');
+  var bloomLayer = new Layers();
+  bloomLayer.set(1);
+  var bloomEffect = new SelectiveBloomEffect(scene, camera, {
+    blendFunction: BlendFunction.COLOR_DODGE,
+    kernelSize: KernelSize.SMALL,
+    luminanceThreshold: 0.9,
+    luminanceSmoothing: 0.0,
+    height: 480
+  });
+  bloomEffect.inverted = true;
+  var effectPass = new EffectPass(camera, bloomEffect);
+  composer.addPass(effectPass);
+  return function () {};
+};
+export default createBloomSelected;

package/dist/postEffects/index.d.ts

@@ -0,0 +1,11 @@
+import type { Camera, Scene, WebGLRenderer } from '@anov/3d-core';
+/**
+ * init post effects
+ * @param scene
+ * @param renderer
+ * @param camera
+ * @param beforehooks composer render before hook
+ * @param afterhooks composer render after hook
+ * @returns
+ */
+export declare const initPostEffects: (scene: Scene, renderer: WebGLRenderer, camera: Camera, beforehooks?: () => void, afterhooks?: () => void) => () => void;

package/dist/postEffects/index.js

@@ -0,0 +1,32 @@
+import { lib, use, utils } from '@anov/3d-core';
+var EffectComposer = lib.EffectComposer,
+  RenderPass = lib.RenderPass;
+var storeManagement = utils.storeManagement;
+var useframe = use.useframe;
+
+/**
+ * init post effects
+ * @param scene
+ * @param renderer
+ * @param camera
+ * @param beforehooks composer render before hook
+ * @param afterhooks composer render after hook
+ * @returns
+ */
+export var initPostEffects = function initPostEffects(scene, renderer, camera, beforehooks, afterhooks) {
+  var composer = new EffectComposer(renderer);
+  var renderPass = new RenderPass(scene, camera);
+  storeManagement.set('composer', composer);
+  composer.addPass(renderPass);
+  storeManagement.set('renderPass', renderPass);
+  var cleanEffectsframe = useframe(function () {
+    beforehooks && beforehooks();
+    composer.render();
+    afterhooks && afterhooks();
+  });
+  return function () {
+    storeManagement.delete('composer');
+    storeManagement.delete('renderPass');
+    cleanEffectsframe();
+  };
+};

package/dist/postEffects/outlinePass.d.ts

@@ -0,0 +1,16 @@
+import type { Object3D } from '@anov/3d-core';
+declare type HighParamsType = {
+    edgeStrength?: number;
+    edgeGlow?: number;
+    edgeThickness?: number;
+    pulsePeriod?: number;
+    visibleEdgeColor?: string;
+    hiddenEdgeColor?: string;
+};
+/**
+ *
+ * @param highParams
+ * @returns
+ */
+declare const createHighSelectedTool: (highParams?: HighParamsType) => (object3dArray: Object3D[]) => void;
+export default createHighSelectedTool;

package/dist/postEffects/outlinePass.js

@@ -0,0 +1,51 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+import { OutlinePassExtend, Vector2, lib, use, utils } from '@anov/3d-core';
+var storeManagement = utils.storeManagement;
+var ShaderPass = lib.ShaderPass,
+  FXAAShader = lib.FXAAShader;
+var useScene = use.useScene;
+
+/**
+ *
+ * @param highParams
+ * @returns
+ */
+var createHighSelectedTool = function createHighSelectedTool(highParams) {
+  var baseHighParams = {
+    edgeStrength: 10,
+    edgeGlow: 1,
+    edgeThickness: 3,
+    visibleEdgeColor: 'red',
+    hiddenEdgeColor: 'red'
+  };
+  var lastHighParams = _objectSpread(_objectSpread({}, baseHighParams), highParams);
+  var _useScene = useScene(),
+    scene = _useScene.scene,
+    camera = _useScene.camera;
+  var composer = storeManagement.get('composer');
+  if (!scene || !camera) throw new Error('scene or camera is not defined,');
+  if (!composer) throw new Error('composer is not defined, please initPostEffects first');
+  var outlinePass = new OutlinePassExtend(new Vector2(window.innerWidth, window.innerHeight), scene, camera);
+  outlinePass.edgeStrength = lastHighParams.edgeStrength;
+  outlinePass.edgeGlow = lastHighParams.edgeGlow;
+  outlinePass.edgeThickness = lastHighParams.edgeThickness;
+  lastHighParams.pulsePeriod && (outlinePass.pulsePeriod = lastHighParams.pulsePeriod);
+  outlinePass.visibleEdgeColor.set(lastHighParams.visibleEdgeColor);
+  composer.addPass(outlinePass);
+
+  // todo bugfix
+  // const effectFXAA = new ShaderPass(FXAAShader)
+  // effectFXAA.uniforms.resolution.value.set(1 / window.innerWidth, 1 / window.innerHeight)
+  // effectFXAA.renderToScreen = true
+  // composer.addPass(effectFXAA)
+
+  return function (object3dArray) {
+    outlinePass.selectedObjects = object3dArray;
+  };
+};
+export default createHighSelectedTool;

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const getLastValue: <T>(optsValue: T | null | undefined, value: T) => T;

package/dist/utils/index.js

@@ -0,0 +1,3 @@
+export var getLastValue = function getLastValue(optsValue, value) {
+  return optsValue !== null && optsValue !== void 0 ? optsValue : value;
+};

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@anov/3d-ability",
+  "version": "0.0.4-alpha1",
+  "description": "",
+  "author": "",
+  "license": "MIT",
+  "keywords": [],
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "readme.md",
+    "package.json"
+  ],
+  "dependencies": {
+    "@types/suncalc": "^1.9.2",
+    "postprocessing": "^6.33.3",
+    "suncalc": "^1.9.0",
+    "@anov/3d-core": "^0.0.4-alpha13"
+  },
+  "scripts": {
+    "build": "father build",
+    "build:deps": "father prebundle",
+    "test": "jest --maxWorkers 2"
+  }
+}