- 博客(61)
- 收藏
- 关注
RSS订阅原创 FabricJS基本操作
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> body { margin: 0; } canvas { width: 100%; height: 100%; } </style> <script src="js/fabric.js"></script&.
2020-08-02 10:41:46
1108
原创 WebGL贴图 -- 支持非2的n次幂数值的图
WebGL贴图手里有一张图：2000x2048在WebGL无法显示。原因是WebGL只支持2的n次幂数值的图比如，高度和宽度符合一下规则2^0=12^1=22^2=42^3=82^4=162^5=322^6=642^7=1282^8=256gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL,1);gl.activeTexture(gl.TEXTURE0);gl.bindTexture(gl.TEXTURE_2D,texture);gl.t.
2020-07-28 17:48:54
1586
原创 React 学习记录-入门（4） -- 跳转与自定义组件，以及嵌套子页面
在src下创建目录\views\simple，然后把Home.js、Roster.js、Schedule.js移到simple下1. 跳转src\views\simple\Home.jsimport React, { Component } from 'react';import { Link,Route } from 'react-router-dom';import {$}...
2020-04-12 22:03:40
649
原创 React 学习记录-入门（3） -- webpack的导入
1. webpack的导入我们还需要玩高级一点吧npm run eject此命令会把 react-scripts 封装的webpack配置全部解压到项目目录。执行后多出来config 和 scripts 两个目录 ，参考React 学习记录-入门（1）的开始部分的目录结构2. script目录我们再看下package.json的内容其他的先不看，先看script...
2020-04-08 21:19:46
229
原创 React 学习记录-入门（2）-- 第三方UI组件
1. 安装第三方UI组件bootstrap：https://react-bootstrap.github.ionpm install react-bootstrap bootstrapsemantic：https://react.semantic-ui.com/npm add semantic-ui-cssnpm add semantic-ui-reacthttp...
2020-03-30 11:11:04
224
原创 React 学习记录-入门（1）-- 开始
网上的例子很多，刚开始不知道这些代码的位置在哪里。路由index.jsimport React from 'react';import {BrowserRouter, Switch, Route} from 'react-router-dom';import ReactDOM from 'react-dom';import App from './App';import H...
2020-03-29 22:18:08
210
原创 汉字与UTF编码的互相转换（Java）
获取汉字的UTF8编码public static void main(String[] args) throws Exception { String str = "金"; byte [] bs = str.getBytes("UTF-16"); System.out.println(bytesToHexFun(bs));}public static S...
2020-03-14 21:27:03
2096
原创 高等数学：各种概念和意义
函数：函数是有连续性的，所以从几何意义来说必须可以形成线条 。如果用图形表达的话就是线，这就是函数的含义。从这点来说，函数其实就是曲线。有规则的线，有周期的线，有极限(X轴或Y轴)的线。比如直线，三角函数的线，各种线。导数：导数是曲线点处的切线的斜率比如其中是斜率，是切线的倾斜角，这就是导数的含义。切线：直线A与曲线B只有一个接触点，直线A是曲线B的切线。 ...
2019-11-24 19:03:39
1035
转载 线性代数笔记5——平面方程与矩阵
线性方程的几何意义二元线性方程 该方程是一个二元线性方程组，包含两个方程，每个方程是一条直线，两条直线的交点就是该方程有唯一解，这就是二元线性方程的几何意义。平面方程 空间内不在同一直线上的三点构成一个平面，平面方程可表示为ax + by + cz = d。平面方程也称为三元线性方程。 方程x + 4y + z = 8，在xyz三个坐标轴上的截距分别是(8,0,0...
2019-11-18 22:40:37
1689
1
原创 线性代数：排列与逆序数
排列可以理解为一组数字组成的数组。123456312645其实也可以是3625432但是在行列式中排列指的是下标。所以在行列式的排列只能是从1开始的、数字不能重复的、数字不能缺少的排列。比如，正确的排列12345。不可能的排列12456，少了3，也不可以是12334，重复了3。书中没有的概念，我认为标准排列应该还分始排列和终排列，这两个都是标准排列。例子1：存在3阶排列...
2019-11-17 00:08:05
7972
原创 ThreeJs: webgl_geometry_shapes.html
<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - geometry - shapes</title> <meta charset="utf-8"> <meta name="viewport" content="width=device...
2019-11-04 22:46:22
347
原创 WebGL Api使用初探: 立方体
之前一直用ThreeJs来学习Web3D。但是随着深入学习，对原生的WebGL Api发生了兴趣。WebGL Api使用初探: 立方体网上有几个立方体的例子，不过都不完全，要么代码有问题，要么找不到外部js文件。我就东拼西凑，整理出来一个完整的例子。能找到原文的，留下了参考地址，不知道从哪参考来的，就不管了。只引用了一个外部js文件cuon-matrix.js。本来想把cuon...
2019-10-09 22:40:22
286
1
原创 3D的深入理解：空间几何的平面方程 Ax+By+Cz+D=0
直线方程在搜索Ax+By+Cz+D=0的时候，看了半天没明白ABCD到底是什么，看到有些人又说了Ax+By+C=0，说这是直线方程，但还是没搞明白ABC到底是什么，没有找到明确的答案。有的话大多数都是A,B为系数， C为常数之类的废话，却没说这ABC是什么，怎么来的。下面是我的整理，我们先从Ax+By+C=0为什么表示直线开始了解吧。我们先看下高中数学，高中数学有这样的公式：y = ...
2019-09-16 23:14:36
16519
5
转载 Threejs与OGRE，Material的一些属性Math, Vector3, Matrix3, Matrix4, Quaternion
在学习ThreeJs过程中碰到了一些单词，比如Math，Vector3，Matrix3 ，Matrix4， Quaternion参考：https://blog.csdn.net/jinold/article/details/97831606在scene.add(cube);处设个断点观察cube看到还有不知道的几个属性： layers:Layers ...
2019-09-10 22:11:30
738
原创 ThreeJs：裁剪( Path编)挖洞和贴图
本内容是裁剪( Path编)的延申裁剪( Path编)：https://blog.csdn.net/jinold/article/details/91345585<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - geometry - shapes<...
2019-09-03 23:37:01
4983
原创 ThreeJs的学习：贴图（1）Face贴图
参考：https://blog.csdn.net/jinold/article/details/97873523比之前的例子，多了贴图<!DOCTYPE html><html lang="en"><head> <title>three.js webgl - indexed instancing (single box), dyn...
2019-09-01 15:23:24
2074
原创 ThreeJs：裁剪( BSP编)挖洞和贴图
ThreeBSP的下载https://github.com/sshirokov/ThreeBSP<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> body ...
2019-09-01 09:01:07
2486
原创 Java零基础培训
下载JDK11https://www.oracle.com/technetwork/java/javase/downloads/jdk11-downloads-5066655.html配置环境变量https://www.runoob.com/w3cnote/windows10-java-setup.html下载Eclipsehttps://www.eclipse.org/dow...
2019-08-30 17:44:59
439
原创 算法：地图路径的获取，无向图转有向树
1. 节点①到节点⑫的这个区域内有很多节点。如下图2. 我们为每个节点设置子节点。如下图3.最后得到的数据结构。 这里的例子是由12个节点树组成，如下图。4. 所有节点平铺后，我们获取了无向图。 因为是双向图，所以可以认为是无向图。最简单的获取路径的方法：穷举（迭代）从上面的图来看，节点之间都是双向的，所以在还没有确定开始节点和终点节点之前可以...
2019-08-23 00:14:30
785
原创 Java：Socket写应用服务器
闲来无聊，自己写写服务器程序看看。package com;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.io.PrintStream;import java.net.ServerSocket;import java...
2019-08-12 23:31:04
221
原创 ThreeJs的学习：贴图（三）BufferGeometry
之前学习了Face贴图，自定义着色器贴图等。在这儿学习BufferGeometry的贴图。而且是平铺var loader = new THREE.TextureLoader();var texture = loader.load( "module/6.png" );texture.wrapS = texture.wrapT = THREE.RepeatWrapping;textur...
2019-08-11 23:30:24
6897
原创 ThreeJs的学习：BufferGeometry的理解（3），Geometry和BufferGeometry的关系
在Three.js的这个方法中可以观察各个Geometry的转换目前为止的观察，发现所有的Geometry都会到projectObject进行转换，最后转换成BufferGeometry。function projectObject( object, camera, groupOrder, sortObjects )GeometryGeometry转换成BufferGeome...
2019-08-02 23:05:55
8021
原创 ThreeJs的学习：Face的理解
先上代码：<!DOCTYPE html><html lang="en"><head> <title>three.js webgl - indexed instancing (single box), dynamic updates</title> <meta charset="utf-8"> <meta...
2019-08-01 07:09:47
4118
1
原创 ThreeJs的学习：贴图（2）自定义着色器-GLSL接触
着色器语言GLSL ES和相关的WebGL API、OpenGL ES Shader相关API —— GLSL 语法<!DOCTYPE html><html lang="en"><head> <title>three.js webgl - indexed instancing (single box), dynamic updates...
2019-07-25 20:06:58
1795
原创 SpringBoot + 原生Ajax的文件流下载：blob和responseType='arrayBuffer'的关系
1. SpringBoot服务@ResponseBody@RequestMapping(value = "/exportExcel", method = RequestMethod.POST)public byte[] exportExcel() { try { FileInputStream fs = new FileInputStream("d:\\TempLate.xlsx...
2019-07-22 22:47:33
13542
原创 ThreeJs的学习：BufferGeometry理解（2），Index与postion的关系，以及groups的理解
webgl_buffergeometry_indexed.html例子1var segments_Shuliang = 2;var geometry = new THREE.BufferGeometry();geometry.setIndex( [1, 0, 4, 0, 3, 4, 2, 1, 5, 1, 4, 5, 4, 3, 7, 3, 6, 7, 5, 4, 8, 4, 7, ...
2019-07-11 23:58:42
5114
1
原创 ThreeJs的学习：BufferGeometry理解（1） 生成正方形立方体
var bgeometry = new THREE.BufferGeometry();/*// BufferGeometry形成一个最简单的平面// 一个平面由两个三角形组成，每个三角形由3个坐标，每个坐标由XYZ组成// 所以一个平面需要六个坐标var vertices = new Float32Array( [ // 三角形1 - 三个顶点 -10 ,10, 0, -10 ...
2019-07-08 23:51:35
3207
原创 ThreeJs的学习： 创建正方形平面
创建正方形平面：Shapevar squareShape = new THREE.Shape();squareShape.moveTo( 0, 0 );squareShape.lineTo( 0, sqLength );squareShape.lineTo( sqLength, sqLength );squareShape.lineTo( sqLength, 0 );square...
2019-06-30 16:44:31
4360
原创 ThreeJs的学习：阴影的产生
要产生阴影，需要在三个地方设置属性，光源、物体、地板 光源和物体设置castShadow = true; 地板设置receiveShadow = true;例子： 1. 光源： var pointLight = new THREE.PointLight( 0xffffff, 0.8 ); pointLight.position.set(50,...
2019-06-29 23:04:39
1278
原创 用SC命令创建Apache Http Server的windows服务
SC命令创建服务：sc create Apache24 binPath= "D:\Apache24\bin\httpd.exe -k runservice" displayname= "Apache24" start= auto depend= Tcpip=>在这里“-k runservice” 这句话不能少，不然启动服务会报错sc description Apache24 "Ap...
2019-06-29 20:42:13
684
原创 原生aJax请求（ XMLHttpRequest请求）的缓存问题
现象：缓存问题解决办法之一request.setRequestHeader('Cache-Control', 'no-cache');不过没啥用，结果还是从缓存中获取彻底解决的办法，在URL中追加参数，不过我觉得并不高级凑合着用url = url + "?timeStamp=" + new Date().getTime()OK了，终于不从缓存中获取...
2019-06-29 20:33:28
860
原创 Threejs学习：裁剪( Path编)
参考：webgl_geometry_shapes.html// Smileyvar smileyShape = new THREE.Shape();smileyShape.moveTo( 80, 40 );smileyShape.absarc( 40, 40, 40, 0, Math.PI * 2, false );// 主模型var smileyEye1Path = new T...
2019-06-08 16:23:41
2172
原创 ThreeJs的学习
几何体GeometryBufferGeometryBoxGeometryShapeBufferGeometry（平面）-->和THREE.Shape一起使用，参考webgl_geometry_shapes.html的地面ExtrudeBufferGeometry（几何体） --> 和THREE.Shape一起使用，参考例子webgl_geometry_shapes....
2019-06-08 15:26:29
507
原创 HTTP Server ：Apache的安装
Apache2.4下载进入apache官网：https://httpd.apache.org/download.cgi下载后解压，例子：解压到D盘下打开D:\Apache24\conf\httpd.conf修改几个地方SRVROOT 默认值：Define SRVROOT "c:/Apache24" 修改后：端口...
2019-06-06 21:49:55
659
原创 Threejs学习：裁剪( clip编 )
参考：webgl_clipping_intersection.html// 裁剪点var clipPlanes = [ new THREE.Plane( new THREE.Vector3( 1, 0.5, 0 ), 0 ), new THREE.Plane( new THREE.Vector3( 0, - 1, 0 ), 0 ), new THREE.Plane( new THR...
2019-05-23 14:02:29
4247
原创 MySQL: Authentication plugin 'caching_sha2_password' cannot be load
ALTER USER 'root'@'localhost' IDENTIFIED BY 'root' PASSWORD EXPIRE NEVER; #修改加密规则ALTER USER 'root'@'localhost' IDENTIFIED WITH mysql_native_password BY 'root'; #更新一下用户的密码FLUSH PRIVILEGES;...
2019-05-14 23:30:55
195
原创 SpringBoot + Maven
JDK：11Eclipse：201903版本Maven：apache-maven-3.5.2MySQL：8.0.16创建Maven工程服务Path指定 / 指定HTML、JS、CSS文件 application.properties#指定HTML、JS、CSS文件spring.mvc.static-path-pattern: /static/...
2019-05-11 20:06:23
157
原创 WebGL编程
webgl_interactive_cubes.html<!DOCTYPE html><html lang="en"> <head> <title>three.js webgl - map controls</title> <meta charset="utf-8"> <meta name="vie...
2019-04-26 17:17:03
262
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人