@realsee/dnalogel
Version:
158 lines (153 loc) • 5.94 kB
JavaScript
var M = Object.defineProperty, v = Object.defineProperties;
var p = Object.getOwnPropertyDescriptors;
var d = Object.getOwnPropertySymbols;
var f = Object.prototype.hasOwnProperty, m = Object.prototype.propertyIsEnumerable;
var l = (s, t, r) => t in s ? M(s, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : s[t] = r, c = (s, t) => {
for (var r in t || (t = {}))
f.call(t, r) && l(s, r, t[r]);
if (d)
for (var r of d(t))
m.call(t, r) && l(s, r, t[r]);
return s;
}, h = (s, t) => v(s, p(t));
var o = (s, t, r) => (l(s, typeof t != "symbol" ? t + "" : t, r), r);
import * as e from "three";
import { initialCSS3DRender as A } from "../../../CSS3DRender/index.js";
import { LineMesh as u } from "../../../../Sculpt/Meshes/Line.js";
import { ICSS3DSprite as g } from "../../../../CSS3DRenderPlugin/utils/three/CSS3DSprite.js";
const w = (
/* glsl */
`
varying vec2 vUv;
varying float vRadius;
varying float vDistanceToCamera;
varying float vCenterDistanceToCamera;
void main() {
vUv = uv;
// 计算顶点到圆心的距离
vRadius = length(position.xy);
// 计算顶点到摄像机的距离
vec3 worldPosition = vec3(modelViewMatrix * vec4(position, 1.0));
vDistanceToCamera = distance(cameraPosition, worldPosition);
vCenterDistanceToCamera = distance(cameraPosition, vec3(0.0));
gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1);
}
`
), y = (
/* glsl */
`
varying vec2 vUv;
varying float vRadius;
uniform float borderWidth;
uniform float radius;
void main() {
vec2 uv = vUv;
if (vRadius > radius - borderWidth && vRadius < radius) {
// 如果顶点在边框区域，则使用边框颜色
gl_FragColor = vec4(1.0, 1.0, 1.0, 0.3);
} else {
// 如果顶点在填充区域，则使用填充颜色
gl_FragColor = vec4(1.0, 1.0, 1.0, 0.2);
}
}
`
);
function P() {
const t = new e.CircleGeometry(0.2, 64), r = new e.ShaderMaterial({
side: e.DoubleSide,
uniforms: {
borderWidth: { value: 0.01 },
radius: { value: 0.2 }
},
vertexShader: w,
fragmentShader: y,
depthTest: !1,
transparent: !0,
blending: e.CustomBlending,
blendEquation: e.AddEquation,
blendSrc: e.DstColorFactor,
blendDst: e.SrcAlphaFactor,
blendDstAlpha: e.DstAlphaFactor
});
return new e.Mesh(t, r);
}
function b() {
const t = new e.Group(), r = {
lineWidth: 1,
lineColor: 3407837,
lineOpacity: 0.7,
occlusionVisibility: !0
}, i = new u(h(c({ points: [{ x: -0.5 }, { x: 0.5 }] }, r), { lineColor: 3407837 })), a = new u(h(c({ points: [{ y: -0.5 }, { y: 0.5 }] }, r), { lineColor: 3407837 }));
return t.add(i, a), t;
}
function V(s) {
const t = new e.CurvePath();
t.add(new e.LineCurve3(new e.Vector3(0, 0, 0), new e.Vector3(0, 0, s)));
const r = new e.TubeGeometry(t, 32, 3e-3), i = new e.MeshBasicMaterial({
color: 10994687,
depthTest: !1,
transparent: !0
// 必须要开启透明度，要和PlaneMesh一起渲染
});
return new e.Mesh(r, i);
}
function C() {
const s = new e.RingGeometry(0.03, 0.035, 64), t = new e.MeshBasicMaterial({
color: 16777215,
depthTest: !1,
transparent: !0,
// 必须要开启透明度，要和PlaneMesh一起渲染
side: e.DoubleSide
});
return new e.Mesh(s, t);
}
function x() {
const s = new e.SphereGeometry(0.018, 32, 32), t = new e.MeshBasicMaterial({
color: 5085183,
depthTest: !1,
transparent: !0
// 必须要开启透明度，要和PlaneMesh一起渲染
});
return new e.Mesh(s, t);
}
function S() {
const s = document.createElement("img");
s.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAVCAMAAAB8FU7dAAAAw1BMVEUAAACDuuiAsu11q/x8r/+HxtKHxtKIx9J4ut6Hx9Jcn/uNwNlmmf+RuP9ppf9orel3ud2HxtJrpf9oremev/9ppP9orelQmP9ZoPWSuP92q/9cnv9prel4ut53qv9orelYoPWIxdJPmP+HxtGRuP9oo/+Suf9Qmf92q/+RuP+DsP9Pmv+FxdFtre2SyMiRuP9PmP+evv9ppf9cnv+rxf9orepZofV4ut52q/+Dsf+Esv+5y/93q/9aofbF0f93rP9qpf8IzZ1iAAAAL3RSTlMAEg4s3dK5nodgVQoF/Pf39vbt7evr39rV1NTOzs6srJ+fiIZ9fWlpW09ERCwcHMH8LhIAAADRSURBVBjTjdDHkoMwEIThBrzOm3POOQwSYCRhe/f9n2p75FD2zX/VXL5qOAjzkixLsFL6fOFF5PwpXUj/eEwx7Oh9Jq+FdV5MqZkXlU9K4KZsmqY02x/A8LSwv14o0ylJWkP087WVhDfcjmjj5b/E3+CEpDPdGY58C7tKfzSiiA9uB4dV/NIF7yVQ7AGuq0lOIzrvnLP2Et2aMzUqryge8FVX0Zjl5XkG3KsR593pM2zVEScjvbMU7IdGjF19IzZ43Ceyve4Ai5Jep93u9BJs3j/gXjHbRgy31AAAAABJRU5ErkJggg==";
const t = new g(s);
return s.style.pointerEvents = "none", t.scale.set(3e-3, 3e-3, 3e-3), t;
}
class E extends e.Object3D {
constructor(r) {
super();
o(this, "disableGetPixel", !0);
o(this, "planeMesh");
o(this, "ringMesh");
o(this, "crossline");
o(this, "lineMesh");
o(this, "ballMesh");
o(this, "cssBallMesh");
this.__five__ = r;
const i = 0.18;
this.planeMesh = P(), this.ringMesh = C(), this.crossline = b(), this.lineMesh = V(i), this.ballMesh = x(), this.cssBallMesh = S(), this.ballMesh.position.setZ(i), this.cssBallMesh.position.setZ(i), this.planeMesh.renderOrder = 0, this.ringMesh.renderOrder = 1, this.crossline.renderOrder = 2, this.lineMesh.renderOrder = 3, this.ballMesh.renderOrder = 4, this.add(this.planeMesh, this.lineMesh, this.ballMesh, this.ringMesh, this.cssBallMesh), A(r);
}
updateWithIntersect(r) {
if (!r.face)
return;
const i = (() => {
const n = r.face.normal.clone().normalize();
return n.y > 0.99 ? new e.Vector3(0, 1, 0) : n.y < -0.99 ? new e.Vector3(0, -1, 0) : n.x > 0.99 ? new e.Vector3(1, 0, 0) : n.x < -0.99 ? new e.Vector3(-1, 0, 0) : n.z > 0.99 ? new e.Vector3(0, 0, 1) : n.z < -0.99 ? new e.Vector3(0, 0, -1) : n.y < 0.01 && n.y > -0.01 ? new e.Vector3(n.x, 0, n.z) : n;
})(), a = new e.Vector3().addVectors(r.point, i);
this.position.copy(r.point), this.lookAt(a);
}
show() {
this.visible = !0, this.add(this.cssBallMesh);
}
hide() {
this.visible = !1, this.remove(this.cssBallMesh);
}
dispose() {
}
}
export {
E as PointHelper2
};