• 2024-05-30react+three.js导入外部gltf格式
    我把gltf文件放在了public/static下面了。其他地方还没适用。因为之前想导入obj一直没成功,就跟着官网和各种例子成功导入了gltf格式的然后其他的没啥。看代码吧。大部分我都写了备注components组件importReact,{useEffect,useRef}from"react";import*asTHREE
  • 2024-05-23three.js基础之Material
    MeshBasicMaterial<canvasid="mainCanvas"></canvas><scripttype="importmap">{"imports":{"three":"./js/build/three.module.js","three/addons/":"./js
  • 2024-05-23three.js之加载模型
    加载各种模型<canvasid="mainCanvas"></canvas><scripttype="importmap">{"imports":{"three":"./js/build/three.module.js","three/addons/":"./js/jsm/"
  • 2024-05-23three.js之Group
    Group<canvasid="mainCanvas"></canvas><scripttype="importmap">{"imports":{"three":"./js/build/three.module.js","three/addons/":"./js/jsm/"
  • 2024-05-19[Bash] Controls flow
    IfTheifstatementisusedtoexecutecommandsbasedonacondition.if[condition];thencommandsfiExample:vimexample.sh#!/bin/zshecho"Enteranumber:"readnumberif[$number-gt0];thenecho"Thenumberispositive
  • 2024-05-18HTML 24 - Form Control
     HTMLFormControlsTheformelementsthatareusedtocreatecontrolsfortheuserinteractionwithinthebrowseraretermedasformcontrols.Theyenableuserstoenterinformationfortheserversideprocessing.Thenatureofinteractionwiththeserv
  • 2024-05-17three.js基础之mesh属性
    mesh之位置、缩放、平移、旋转属性<canvasid="mesh-properties"></canvas><scripttype="importmap">{"imports":{"three":"./js/build/three.module.js","three/addons/":&quo
  • 2024-05-07WinForm下实现子窗体
    如果想要实现在同一个Form下的子窗体切换,下面的方法可以实现。窗体设计,如图增加子窗体。鼠标右键项目,选择添加,选择用户控件注意修改用户控件的大小尺寸,和GroupBox的尺寸匹配。建立好子窗体后,在主Form里面先声明各个子窗体类,如下://定义用户窗口变量
  • 2024-05-02WPF DataContext="{Binding SelectedItem,ElementName=_master}"
    <Windowx:Class="WpfApp80.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.
  • 2024-04-29C# winform 漂亮的日期时间控件
    源代码下载:https://download.csdn.net/download/gaoxiang19820514/89242240效果图在HZH-Controls控件基础上修改的日期控件因为HZH_Controls控件中的日期控件太大了,我的程序中需要多个日期时间的控件放不下,主题是绿色的,所以手动调了一下样式。为了和HZH_Controls同时使
  • 2024-04-27threejs 浏览器窗口resize变化 自适应 html 全屏
    全屏:画布全屏和body页面全屏;//导入threejsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//创建场景sceneconstscene=newTHREE.Scene();//console.log(scene,'scene');//
  • 2024-04-25threejs 父元素 相对位置 position 网格对象
    设置position都是相对于父元素的位置设置的//导入threejsimport*asTHREEfrom"three";import{OrbitControls}from"three/examples/jsm/controls/OrbitControls.js";//创建场景sceneconstscene=newTHREE.Scene();//console.log(scene,'scene'
  • 2024-04-25轨道控制器
    就是一个可以360转动的相机,通过不断的改变相机的参数然后渲染达到效果。 //引入相机控件 --轨道控制器//console.log('OrbitControls',OrbitControls);constcontrols=newOrbitControls(camera,renderer.domElement);//controls.addEventListener('change',func
  • 2024-04-08Avalonia的模板控件(Templated Controls)
    在Avalonia的UI框架中,TemplatedControl是一个核心组件,它提供了一种强大的方式来创建可重用且高度可定制的控件。本文将深入探讨TemplatedControl的概念、其带来的优势以及它在实际开发中的应用场景,并通过一个示例代码来展示其用法。什么是TemplatedControlTemplatedControl是Av
  • 2024-03-24Three.js 中的 OrbitControls 是一个用于控制相机围绕目标旋转以及缩放、平移等操作的控制器。
    demo案例Three.js中的OrbitControls是一个用于控制相机围绕目标旋转以及缩放、平移等操作的控制器。下面是它的详细讲解:构造函数:OrbitControls(object:Camera,domElement?:HTMLElement)object:THREE.Camera实例,控制器将围绕此对象进行操作,例如相机。domElement
  • 2024-03-05使用 dat.GUI.js 简化试验流程
    导入jsimport{GUI}from"three/addons/libs/lil-gui.module.min.js";代码//定要要设置的属性varcontrols=new(function(){this.rotationSpeed=0.02;this.bouncingSpeed=0.03;//球体弹跳速度})();vargui=newGUI();gui.add(controls,"rotationS
  • 2024-02-23three.js-轨道控制器(OrbitControls)
    轨道控制器(OrbitControls)Orbitcontrols(轨道控制器)可以使得相机围绕目标进行轨道运动。要使用这一功能,就像在/examples(示例)目录中的所有文件一样,您必须在HTML中包含这个文件。进口OrbitControls是一个附加组件,必须显式导入。See Installation/Addons.import{OrbitCont
  • 2024-01-10GLB 3d文件在前端页面的展示
                          GLB3d文件在前端页面的展示1. 选择方案前端实现3D效果的选项有以下四点:A. CSS3D技术;B. SVG;C. WebGL技术;D. Canvas或者图片模拟3D其中最后一种是用其他技术或方法去模拟3D效果,前3种才是浏览器真正意义上支持的3D技术。而three.j
  • 2024-01-09Three.js——十五、Box3、相机动画、lookAt()视线方向、管道漫游案例、OrbitControls旋转缩放限制、以及相机控件MapControls
    正投影相机正投影相机和透视相机的区别如果都以高处俯视去看整个场景,正投影相机就类似于2d的可视化的效果,透视相机就类似于人眼观察效果调整left,right,top,bottom范围大小如果你想整体预览全部立方体,就需要调整相机的渲染范围,比如设置上下左右的范围。使用场景:正投影可以
  • 2023-12-18WinForm如何将子控件插入FlowLayoutPanel开始位置
    需求描述动态将控件插入到FlowLayoutPanel控件的开始位置实现方案将控件添加到FlowLayoutPanel的Controls集合中,默认插到末尾使用SetChildIndex方法更改控件的位置,将其移到开始位置varpanel=newPanel();//添加panel控件flowLayoutPanel1.Controls.Add(panel);//将
  • 2023-11-24Unity IMGUI 快速上手【转】
    文章转载自IMGUIcrashcourseUnity'sIMGUIsystemisquitesimplebutverypowerful.Themainpartsare:TheOnGUIcallback.ThiscallbackisusedtohandleeverythingthathastodowithGUI.TheEventclasswhichistightlyconnectedtoOnGUI.TheGUI
  • 2023-11-21Qt blockSignals
    有时我们需要,控件不接收信号,可以使用blockSignals 当设置为true时,QObject对象[子类]不会发出信号1、函数原型1boolQObject::blockSignals(boolblock)2Ifblockistrue,signalsemittedbythisobjectareblocked(i.e.,emittingasignalwillnotinvokeanythin
  • 2023-11-08解决VS2005在Winform窗体设计界面中数据源窗口灰化不显示数据源的问题
    近日发现一个问题,在项目中添加了几个数据源,当在Code界面时,数据源窗口可以显示出我添加的数据源,但是一切换到窗体设计界面,数据源窗口就灰化,数据源窗口中所有的数据源都消失了,切换到Code界面,数据源有出来了,切换到设计界面,又消失了,百思不得其解,一定是VS出问题了……最后经过一顿搜索,原
  • 2023-11-07Day02-Java开发所需的前端技术
    HTML常见元素1.文本元素Heading:不同字号标题,从1-6,数字越大字号越小。<!--标题元素--><h1>1号标题</h1><h2>2号标题</h2><h3>3号标题</h3><h4>4号标题</h4><h5>5号标题</h5><h6>6号标题</h6>Paragrap
  • 2023-11-06jsp select multiple
    //File:index.html<HTML><HEAD><TITLE>SubmittingMultipleSelectionSelectControls</TITLE></HEAD><BODY><H1>SubmittingMultipleSelectionSelectControls<H1><FOR