矩形threejs
MFC-FrameRect绘制矩形边框
HDC hdc = ::GetDC(m_hWnd); RECT rect = { 10,10,50,100 }; HBRUSH hbr; hbr = CreateSolidBrush(RGB(255, 0, 0)); int f = FrameRect(hdc, &rect, hbr);//绘制矩形 ......
MFC-FillRect绘制并填充矩形
HDC hdc = ::GetDC(m_hWnd); RECT rect = { 10,10,50,100 }; HBRUSH hbr; hbr = CreateSolidBrush(RGB(255, 0, 0)); SelectObject(hdc, hbr); int f= FillRect(h ......
MFC-Rectangle绘制矩形
HDC hdc = ::GetDC(m_hWnd); ::MoveToEx(hdc, 0, 0, NULL); HPEN hpen = CreatePen(PS_SOLID, 3, RGB(0, 0, 255)); SelectObject(hdc, hpen); BOOL b=Rectangle( ......
threejs_交互_鼠标点击_添加物体_删除物体
click点击添加物体,shirft+click点击删除物体 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>three.js webgl - interactive - voxel painter</tit ......
使用百度地图实现圆形，矩形自动生成路线点
纯JS代码 <!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="te ......
threejs 拖拽 画矩形
import * as THREE from "three"; import { OrbitControls } from "three/examples/jsm/controls/OrbitControls"; export function initThree() { THREE.Object3 ......
坐标轴中两矩形重叠面积
1、先排除没有重叠的情况 2、找出重叠的面积的宽和长 用在x轴方向上两矩形左边两个边x值x1、x2，求max(x1,x2) 右边两条边x值x3，x4，求min（x3，x4） length=abs(max(x1,x2) - min（x3，x4) width同理，在y轴方向上操作 最后area=leng ......
算法随想Day53【单调栈】| LC84-柱状图中最大的矩形
int largestRectangleArea(vector& heights) { int result = 0; stack st; heights.insert(heights.begin(), 0); heights.push_back(0); st.push(0); for (int i ......
84. 柱状图中最大的矩形
class Solution { public: int largestRectangleArea(vector<int>& h) { vector<int> l=vector<int>(h.size()); vector<int> r=l; stack<int> stk; int res=0; / ......
Mapboxgl draw 自定义标绘：圆、矩形、自由多边形、上传读取geojson
还没做文字标绘，累了，以后有需要有机会再说 自定义标绘方法 Mapboxgl标绘相关库 我当前使用的版本是： "@mapbox/mapbox-gl-draw": "^1.4.1", "@mapbox/mapbox-gl-draw-static-mode": "^1.0.1", "mapbox-gl- ......
threejs中渲染html
背景 最近中看threejs的时候发现一个好玩的事情，可以在threejs中渲染普通的html。threejs本身可以做各种炫酷的界面，但是与用户交互的时候写起来没有用dom实现方便，但是如果可以将已有的dom渲染到threejs中，那么就可以实现非常炫酷的界面，也能提高用户的体验。 依赖介绍 这里 ......
threejs-材质（textures）
what is textures? UV: UV coordinate 决定了 材质在mesh上贴 、铺的方式和位置 // add texture // //第一种方式 // const image = new Image(); // const texture = new THREE.Textur ......
使用dat.gui 控制threejs(一）
1 import * as THREE from 'three' 2 import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js' 3 import gsap from 'gsap' 4 import * a ......
我不知道的threejs(2)
geometry(ies) 几何体: BoxGeometry(width : Float, height : Float, depth : Float, widthSegments : Integer, heightSegments : Integer, depthSegments : Intege ......
threejs-camera&controls&renderer(WebGLRenderer)
ArrayCamera： 一般用于，展示益、一个场景存在多个物体，每个物体各自拥有自己的视角的这种场景。 CubeCamera：一次性创建六个方位的相机（类似于正方体六个面，立方全景图中所有方位） StereoCamera： 立体相机，创建于类似于VR场景的，实现相机视角跟随鼠标的效果 Orthog ......
gsap应用之threejs动画效果
import * as THREE from 'three' import gsap from 'gsap' // Canvas const canvas = document.querySelector('canvas.webgl') // Scene const scene = new THRE ......
threejs坐标转换
threejs坐标转换 世界坐标转局部坐标 let localPos=worldVector.project(self.camera) 局部坐标转世界坐标 const v3 = new THREE.Vector3(); object.getWorldPosition(v3); sphere.posi ......
我不知道的threejs（1）
mesh.position.length() : 获得mesh到当前场景中心的距离 mesh.position.distanceTo(camera.postion): 获得当前mesh到相机的距离，这里参数可以是任意 vector3 坐标 mesh.position.normalize(): 将me ......
threejs加载带材质的fbx格式模型
threejs加载带材质的fbx格式模型 loadFBX() { let manager = new LoadingManager(); manager.addHandler(/\.tga$/i, new TGALoader()); const fbxLoader = new FBXLoader(m ......
threejs之检测拖动模型和停止拖动模型以及鼠标缩放事件
controls.value.addEventListener('start',startEvent) controls.value.addEventListener('end', endEvent); 这样子给轨道控制器绑定事件后即可。 ......
threejs点击事件（不同大小的画布）
threejs点击事件（不同大小的画布） 一、直接是window宽高的画布，点击交互的方案 onClick(event) { event.preventDefault(); this.mouse.x = (event.clientX / window.innerWidth) * 2 - 1; thi ......
使用鼠标在图片上拖拽矩形框vue
<template> <div> <img class="no-drag" src="https://dashanbook.oss-cn-shenzhen.aliyuncs.com/11.png" @mousedown="startSelection" @mousemove="updateSelec ......
一统天下 flutter - widget 容器类（只能有一个子）: DecoratedBox - 装饰（用于绘制背景，边框，渐变，阴影，矩形或圆形等效果）
一统天下 flutter - widget 容器类（只能有一个子）: DecoratedBox - 装饰（用于绘制背景，边框，渐变，阴影，矩形或圆形等效果） ......
c# 矩形截取图片
1 /// <summary> 2 /// 从图片中截取部分生成新图 3 /// </summary> 4 /// <param name="sFromFilePath">原始图片</param> 5 /// <param name="saveFilePath">生成新图</param> 6 /// ......
threeJs构建3D世界
threejs官网 https://threejs.org/docs/index.html#manual/zh/introduction/Installation （官网非常的详细） 导入安装 npm install three （下载安装threejs） 然后就可以在项目中导入threejs im ......