当前位置: 首页 > news >正文

网站制作论文题目泉州百度网站推广

网站制作论文题目,泉州百度网站推广,用安卓手机做网站主机,网站备案信息抽查我会持续更新关于wegl的编程指南中的代码。 当前的代码不会使用书中的缩写&#xff0c;每一步都是会展开写。希望能给后来学习的一些帮助 git代码地址 接着 上一节 接着做平移的转化。在本次的案例案例中主要是xy的坐标变量相加&#xff0c;同时传递个给相关变量 <!DOCTY…

我会持续更新关于wegl的编程指南中的代码。

当前的代码不会使用书中的缩写,每一步都是会展开写。希望能给后来学习的一些帮助

git代码地址

接着  上一节 接着做平移的转化。在本次的案例案例中主要是xy的坐标变量相加,同时传递个给相关变量

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head><body><h3>可以按下按键ADSW移动图形</h3><canvas id='canvas'></canvas><script>let canvas = document.getElementById('canvas');let gl = canvas.getContext('webgl');let vertexShaderSource = `attribute vec2 a_Position;uniform vec2 u_Translation;void main(){gl_Position = vec4(u_Translation+a_Position,0.0,1.0) ; }`let fragmentShaderSouce = `precision mediump float;void main(){gl_FragColor = vec4(1.0,0.0,0.0,1.0);}`// 创建着色器let vertexShader = gl.createShader(gl.VERTEX_SHADER);// 设置着色器源代码gl.shaderSource(vertexShader, vertexShaderSource);// 编译着色器gl.compileShader(vertexShader)// 创建片段着色器let fragmentShader = gl.createShader(gl.FRAGMENT_SHADER);// 设置片段着色器源代码gl.shaderSource(fragmentShader, fragmentShaderSouce);//  编译片段着色器gl.compileShader(fragmentShader)// 创建渲染程序let program = gl.createProgram();// 附着顶点着色器和片段着色器到渲染程序gl.attachShader(program, vertexShader);gl.attachShader(program, fragmentShader);// 链接渲染程序gl.linkProgram(program);//使用当前渲染程序gl.useProgram(program)//检测上述定点片源着色器链接是否正确if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {throw gl.getProgramInfoLog(program);}// x移动的增加量let translationX = 0.0;// y移动的增加量let translationY = 0.0;// 绘制三角形的顶点let positonArray = new Float32Array([1.0, 0.0, -1.0, 0.0, 0.0, -1.0])// 获取顶点着色器中的a_Position变量let a_Position = gl.getAttribLocation(program, 'a_Position');//获取顶点着色器中的u_Translation变量let u_Translation = gl.getUniformLocation(program, 'u_Translation');//创建缓冲区对象let buffer = gl.createBuffer();//将缓冲区对象绑定到目标gl.bindBuffer(gl.ARRAY_BUFFER, buffer);//  向缓冲区对象写入数据gl.bufferData(gl.ARRAY_BUFFER, positonArray, gl.STATIC_DRAW);//  将缓冲区对象分配给a_Position变量gl.vertexAttribPointer(a_Position, 2, gl.FLOAT, false, 0, 0);//  启用顶点位置的顶点着色器变量gl.enableVertexAttribArray(a_Position);//绘制gl.clearColor(0.0, 0.0, 0.0, 1.0);const render = function () {// 设置xy的移动增加的量gl.uniform2f(u_Translation, translationX, translationY)// 清除颜色缓冲区gl.clear(gl.COLOR_BUFFER_BIT);// 绘制三角形gl.drawArrays(gl.TRIANGLES, 0, 3)}render()document.onkeydown = function (e) {    //对整个页面监听  var keyNum = window.event ? e.keyCode : e.which;       //获取被按下的键值  //判断如果用户按下了回车键(keycody=13)  if (keyNum == 65) {console.log('A');translationX -= 0.1; render()}//判断如果用户按下了空格键(keycode=32),  if (keyNum == 68) {console.log('D');translationX += 0.1; render()}//判断如果用户按下了空格键(keycode=32),  if (keyNum == 83) {console.log('S');translationY -= 0.1; render()}//判断如果用户按下了空格键(keycode=32),  if (keyNum == 87) {console.log('W');translationY += 0.1; render();}}</script>
</body></html>

http://www.dt0577.cn/news/1375.html

相关文章:

  • 高职网站建设专业书惠州seo计费
  • 黄骅贴吧招聘windows优化软件排行
  • 过年做那些网站能致富windows优化大师软件介绍
  • seo网站推广报价seo优化网络推广
  • 营销型品牌网站建设排行榜
  • 东莞seo整站优化火速社群营销的方法和技巧
  • 宁波网站制作与推广最新seo视频教程
  • 滨州做网站多少钱竹子建站官网
  • 门户网站都在哪推广网络营销好不好
  • 广东科技网站建设连云港seo
  • 江苏省建设厅网站挂证存疑名单seo论坛
  • 做网站空间今日预测足球比分预测
  • 好的做蛋糕网站关键词提取
  • 贵州城乡建设厅施工员报名网站百度seo推广是什么
  • 容桂网站建设石家庄今日头条新闻
  • 国内做微商城比较知名的网站代做百度首页排名
  • 网站推广排名全球网络营销公司排行榜
  • 湘潭网站建设搭建百度搜索网站优化
  • 用手机可以做网站嘛网站seo推广排名
  • 毕节市建设网站顾问式营销
  • 免费网站排名优化网络营销策略有哪五种
  • 门户类网站如何做策划万网域名查询接口
  • 建筑学网站seo快速排名百度首页
  • 做房产网站有哪些游戏广告推广平台
  • 外包公司网络安全管理制度seo网站推广是什么
  • 专门做预售的网站西安网站seo
  • wordpress站内查找中国站长站
  • 学校网站做链接网站制作教程视频
  • 怎样用ps做网站首页图新冠不易感染三种人
  • 不会编程怎么做网站今日头条普通版