沙师弟专栏

本文介绍了3D游戏场景中草地和道路纹理的优化方案，重点解决了纹理拉伸问题并提升了视觉真实感。通过为草地和道路添加漫反射、法线和粗糙度等多维度纹理，配合纹理平铺(repeat)和UV缩放技术，实现了自然的材质展示效果。同时优化了小地图轨迹模拟逻辑，使移动更加平滑。关键实现步骤包括：纹理资源规划与加载、纹理拉伸修复配置、小地图轨迹优化以及纹理与材质的融合应用。这些改进使得3D游戏场景的视觉效果更加真实，交互体验更加流畅。

本文介绍了如何基于Vue3和PlayCanvas实现小地图坐标实时移动功能。通过定义经纬度轨迹数组和定时器驱动，实现了小地图与3D场景的坐标联动。关键步骤包括：1)构建模拟轨迹坐标数组；2)使用定时器循环更新当前经纬度；3)同步更新3D场景角色位置；4)确保小地图组件响应坐标变化。最终效果是小地图标记点按预设路径自动移动，并可与3D场景位置保持同步，通过调整刷新间隔可控制移动速度。该方案适用于需要实时位置反馈的3D游戏和可视化场景开发。

在上一篇中，我们完成了 Vue3+PlayCanvas 模拟自驾场景，实现了：本篇在此基础上，新增小地图实时位置显示功能，将小地图组件化封装，实现：为了实现自驾场景中 “方向键控制坐标移动 + 主地图 + 圆形小地图” 的核心交互，我们首先在MapGame.vue中完成了全量功能的单体开发：此时MapGame.vue已具备完整的交互能力，但小地图逻辑与主地图强耦合，无法复用，因此我们进一步做了组件拆分。为了让圆形小地图具备通用复用能力，我们将MapGame.vue中的小地图逻辑完整抽离。

本篇在原有 3D 交互基础上，完成了模拟自驾场景的核心升级：通过 ROS 图片流接入实现 “视觉 + 3D” 双画面融合，通过道路精细化渲染和树木动态滚动提升场景真实感，通过障碍物精准过滤和模型比例锁定保证渲染准确性。

本文完成了 Vue3+PlayCanvas 中 3D 模型的鼠标交互控制核心实现，包括视角旋转、场景平移、滚轮缩放、双击重置视角四大核心功能，并通过状态管理、事件清理、样式反馈等细节优化了交互体验。至此，3D 障碍物躲避游戏的核心交互体系已基本成型 —— 玩家可通过鼠标自由操控视角，结合之前的模型加载、WebSocket 数据驱动，为后续的碰撞检测、游戏逻辑开发奠定了基础。

本文介绍了在Vue3+PlayCanvas项目中实现3D模型加载的实战经验。首先对比分析了glb/gltf、FBX、PLY等主流3D格式的特点及适用场景，推荐优先使用glb格式。详细讲解了glb/gltf的一行代码加载方式，以及PLY格式的解析加载方法。针对常见问题，提供了模型旋转、缩放调整方案，并通过圣诞树案例演示了手动设置材质颜色的技巧。文章还推荐了多个免费3D模型资源网站和格式转换工具，帮助开发者快速获取和优化模型资源。最终实现了将自定义3D模型完美融入3D障碍物躲避游戏，使游戏场景从基础几何体升级为

本文介绍了使用Vue3+PlayCanvas开发3D跑酷游戏的实现方法。游戏采用无限道路无缝滚动技术，通过两段道路循环拼接实现视觉连续性。核心功能包括：左右方向键控制角色移动、随机生成四种障碍物、动态树木由远及近效果、关卡自动升级系统。关键技术点包括：纯数学碰撞检测、对象池管理障碍物和树木、道路标线视觉优化、60秒关卡自动提速机制。文章详细讲解了无限道路实现逻辑、障碍物类型识别方法以及游戏重置功能，并提供了完整的Vue组件源码。该项目无需物理引擎，完全基于数学计算实现流畅的3D游戏体验。

本文基于 Vue3+PlayCanvas 实现了一款具备多关卡、角色移动、摄像机控制、小地图、通关重置等核心功能的 3D 地图闯关游戏，重点解决了键盘监听、碰撞检测、多关卡动态生成等关键问题。相较于上篇的基础交互式游戏，本文进一步拓展了 PlayCanvas 的应用场景，展示了从 “基础交互” 到 “游戏化场景” 的开发思路。

本文介绍了一个基于Vue 3 + Vite + PlayCanvas构建的3D立方体交互游戏。游戏实现了立方体点击得分、颜色切换、自动旋转等核心功能，通过Vue响应式数据管理游戏参数，结合PlayCanvas引擎完成3D渲染。开发步骤包括项目初始化、PlayCanvas安装、场景搭建（相机、光源、立方体模型）和交互逻辑实现。游戏提供控制面板，支持调整旋转速度、颜色选择和自动旋转开关，展示了Vue与3D引擎的整合方案。适合学习Web 3D开发与前端框架的结合应用。

本文详细介绍了在鸿蒙ArkTS框架下实现横竖屏切换的两种方案：静态配置与动态调整。静态配置通过修改module.json5文件中的orientation属性，实现基础方向锁定，支持多种方向枚举值。动态调整则通过setPreferredOrientation方法，在运行时感知设备旋转并智能适配，适用于需要根据用户操作或系统状态动态调整方向的场景，如视频播放页面。文章还提供了具体的代码示例和实现原理，帮助开发者在实际项目中灵活应用这两种方案，提升用户体验。

本文详细介绍了在鸿蒙应用开发中使用ArkTS+Web组件构建支持双网页嵌套的全屏应用的开发过程。首先，通过DevEco IDE创建ArkTS应用，并修改module.json5配置文件以适配应用需求。接着，通过ArkTS代码实现全屏显示，并隐藏系统栏，确保应用界面无干扰。核心代码展示了如何获取窗口对象、设置全屏、隐藏系统栏以及调整状态栏颜色等操作。最后，通过HTML和CSS实现双网页嵌套，展示了如何在应用中嵌入多个网页，并通过底部导航栏进行切换。本文为开发者提供了完整的代码示例和实现思路，帮助快速上手鸿蒙应

本文介绍了如何利用Vue3与HarmonyOS ArkUI框架进行鸿蒙原生应用开发。通过Vue3的响应式编程范式和ArkUI的声明式UI语法，开发者可以快速构建高性能的跨端应用。文章详细描述了从环境搭建到应用落地的全流程，包括开发环境的配置、Vue项目的创建与修改、静态资源的生成与导入，以及如何在DevEco Studio中进行应用签名和运行。最终，开发者可以将Vue3项目成功移植到华为Mate 60 Pro上，实现“一次开发，多端部署”的目标。

先看一下效果：1、先建立需要引用的处理数据头文件toolfuction.h：#ifndef TOOLFUCTION_H#define TOOLFUCTION_H#include // 字节转KB、MB、GBQString toolSize(qint64 bytes){ QString strUnit; double dSize = bytes *

有小伙伴想实现左键点击直接进入下一页的功能，本身QWebengineView已经自己做了，我们只需要重载它写的方法就行了，可以看QWebengineView的源码。再说Webkit的网络层、UI层用的是自己的，bug比较多，比如内存泄露、web兼容性等。Qt慢慢淘汰了古老的Webkit ，用WebEngine框架代替掉了。Webengine与webkit不同的是它是基于Chromium引擎的，也就是集成谷歌的引擎。以下代码是做了一个简单的返回按钮，还有点小问题，有时间再修正，只是个思路。

先看一下效果，由于CSDN一张图片不能超过2M，所以做成了几张来呈现效果。

【代码】【Web】“代码雨”js+css+html实现。

title>html中上下左右控制对象移动Demo--沙师弟专栏在键盘上，按上下左右，控制一个图片 在 另一个图片 上移动。

如下是两个大小和比例都不同的图片，应用这个方法可以让图片自动填充并居中显示。

因为项目需求，就做了一个简易的聊天室，用户输入一句话，通过http-post请求简单的回复一些信息给用户。文中的url是内网的ip地址，你们可以换成你们的url地址。先设置好参数，参数作用：通过Words.innerHTML的形式，将产生的回复信息< div >标签插入到聊天框种，并把输入框置空，然后把滑动条滑动到最下面。就完成了一个简单的聊天。读者可自行修改样式，把这个简易的聊天室做的更完美。

最近项目的需要，看了下前端的框架。想要在Web网页上，做折线图，柱形图等。查了一些开源的项目，发现Highcharts框架还是很好用，于是做了一个小示例，供大家共同学习。Highcharts的官网：https://www.highcharts.com/Highcharts的官网的api文档：https://api.hcharts.cn/Highcharts是一个用纯JavaScript编写的一个图表库，能够很简单便捷的在web网站或是web应用程序添加有交互性的图表。

文章目录1、Ant Design2、Bootstrap3、Taro UI4、iView5、LuLu UI6、QMUI7、Element8、Fusion Design9、WeUI10、Framework 7总结1、Ant Design网站链接：https://ant.design/index-cn蚂蚁金服出品，非常著名的框架。就算你不了解前端，也会在公司的项目中多少听到程序员说起过。目前很多公...

最近在搞爬虫抓包，抓到的东西只是后台展示太不方便了。于是就写了一些前端的js代码，通过HTTP协议与后台通信，然后把内容展现出来。以前写过这方面前端的代码，但每次用时又总是忘记，所以这次把它记录下来。本文只是举个最简单的get请求示例，供大家参考。

文章目录1、什么是web服务器1.1 Web Service架构和云1.2 Web Service的优势1.3 Web service的发展趋势1.3 本地服务的缺陷2、web服务器有哪些2.1 Apache2.2 IIS2.3 Nginx2.4 Tomcat2.5 Lighttpd2.6 Zeus1、什么是web服务器“网络服务”（Web Service）的本质，就是通过网络调用其他网站的资...

文章目录一、简介二、元素水平居中三、元素水平垂直居中3.1 position 元素已知宽度3.2 position transform 元素未知宽度3.3 flex布局3.4 table-cell布局一、简介说明：本篇文章只是总结一些方法，例子用到的各个元素属性不做解释，详情请看MDN文档，非常的详尽，例子在chrome浏览器下完全好使，IE这个渣渣。本文出现的错误，请大佬们及时指正，人非圣...

在我之前的文章中讲述过如何利用xpath来抓取网页的内容，不过之前的开发语言我都是使用的Python。下面就来简单的讲一下如何用Golang爬取github.com的一些小内容来做切入点学会这个知识吧。再用git上传代码导github中，遇到了一个问题，就是我想要删除一些没必要的commit记录。于是我把代码回滚到之前的记录，然后commit一下。windows的话在：“C:\Windows\System32\drivers\etc\hosts”中配置，比如爬取github.com的这几个控件的内容。

2、但是随着交互式Web应用的兴起，像在线购物网站，需要登录的网站等等，马上就面临一个问题，那就是要管理会话，必须记住哪些人登录系统， 哪些人往自己的购物车中放商品， 也就是说我必须把每个人区分开，这就是一个不小的挑战，因为HTTP请求是无状态的，所以想出的办法就是给大家发一个会话标识(session id), 说白了就是一个随机的字串，每个人收到的都不一样， 每次大家向我发起HTTP请求的时候，把这个字符串给一并捎过来， 这样我就能区分开谁是谁了。如果访问服务器多了， 就得由成千上万，甚至几十万个。

最近又回顾了下Websocket，发现已经忘的七七八八了。于是用js写了客户端，用python写了服务端，来复习一下这方面的知识。

【代码】【Web】“代码雨”纯HTML源码实现及效果。

压缩比率1-9，设置压缩比率，最小为1，处理速度快，传输速度慢；这里表示压缩级别，可以是0到9中的任一个，级别越高，压缩就越小，节省了带宽资源，但同时也消耗CPU资源，所以一般折中为6。最后我们看Kits下面的Qt5.15.2 WebAssembly 的 编译器，已经 自动选择 了编译器Compiler下的1.39.7版本的C、C++编译环境，点击确认我们环境已经装好了。打开Qt的选项配置：设备 > WebAssembly，然后“浏览”选择你电脑的emsdk路径，点击确认后，重启QtCreator。