Warden's Life

This blog , made with love.

如何使用 TensorFlow.js -初窥

人工智能基础框架

TensorFlow.js 是 TensorFlow 的 JavaScript 版本，允许开发者在浏览器中进行机器学习任务。它提供了丰富的 API 来创建和训练模型，并可以与前端框架（如 React）集成。TensorFlow.js 支持 GPU 加速，提高了计算效率，是在前端进行机器学习的理想工具。 什么是张量（Tensor） 张量是一种多维数组，是深度学习和科学计算中的核心数...

Posted by Warden_Gfs on March 10, 2023

NFT 通用发售中的钱包登录与链切换技术解析

NFT发售过程中如何更加通用一点，如何节省开发时长

在 NFT 快速发售场景中，用户登录和验证是一个核心环节。本文将结合代码实现和业务流程图，深入解析 useMetaLogin Hook 的功能、设计思路及其在 NFT 快速发售中的应用。 useMetaLogin Hook 的设计与实现 useMetaLogin 是我之前开发的一个React Hook，主要用于处理区块链钱包连接、账户切换、签名验证和登录状态管理等功能。下面给大家讲...

Posted by Warden_Gfs on February 16, 2023

Cocos Creator 手游开发与性能优化实践

分享我第一次开发游戏遇到的性能卡顿问题

随着移动游戏行业的快速发展，玩家对游戏体验的要求也越来越高。特别是对于基于 Cocos Creator 引擎开发的区块链手游，在支持丰富功能和表现力的同时，性能优化成为了不可回避的一大挑战。流畅的动画、稳定的帧率、合理的内存管理不仅能够提升玩家的沉浸感，同时也是衡量游戏质量的重要指标。 在本次项目中，我们隶属网易雷火事业部，以一个前端开发者的角度初次使用 Cocos Creator...

Posted by Warden_Gfs on January 29, 2023

如何在Cocos Creator 游戏引擎中切换语言并同时切换字体

游戏项目中语言和字体同时切换的办法

在游戏开发中，多语言支持不仅仅是对不同地区玩家的友好，更是游戏全球化的重要一步。而在语言切换的过程中，如何优雅地实现文本和字体的同步切换，是一项兼具技术性与艺术性的挑战。特别是在 Cocos Creator 这样的游戏引擎中，既要保证高性能和流畅的用户体验，又要兼顾内存占用和实现的灵活性，这对开发者提出了更高的要求。 本文从实际项目需求出发，结合多语言文本资源管理、动态字体切换和组...

Posted by Warden_Gfs on January 8, 2023

一步步封装属于你的 Cocos Creator 事件管理工具

游戏开发如何使用我们前端的方式来管理操作事件

在我初次使用Cocos游戏开发时，首先遇到的问题是事件的通信，模块之间的解耦和事件通信是非常重要的设计理念。Cocos Creator 提供了内置的事件管理工具（cc.EventTarget），但其使用方式较为原始，无法很好地满足复杂场景中模块化和可维护性的需求。 为了提升代码的可读性、复用性和扩展性，我们结合前端组件化开发的思想，基于 cc.EventTarget 封装了一个事件管理...

Posted by Warden_Gfs on November 12, 2022

Cocos creator前端人士学习笔记（二）

前端开发者如何进行进行Cocos开发

世界上最顶级的学习方法之一，费曼学习法，通过向别人解说某一件事，来确定自己是否真正弄懂这件事。 继续学习，有了上文的总结，本文将利用之前介绍的部分Cocos creator开发技术为大家简单分析，真实游戏开发过程中我们遇到的问题和解决方案。这里以cocos官方案例游戏飞机大战为例。 理清实现思路 0、主要场景搭建 1、不断滚动的背景 2、跟随手指移动的己方飞机 3、不断发射的子弹 ...

Posted by Warden_Gfs on November 2, 2022

Cocos creator前端人士学习笔记（一）

前端开发者如何进行进行Cocos开发

世界上最顶级的学习方法之一，费曼学习法，通过向别人解说某一件事，来确定自己是否真正弄懂这件事。 由于业务相关原因，最近需要学习cocos creator来制作一些H5小游戏。说一说这几天学习cocos creator过程中，我最初关心的几个疑问和我给出的答案，可能也是其他初学游戏的同学的困惑。 1、作为前端开发的我所掌握的技术能否做出一个游戏来？ 答案是能。 掌握Typescrip...

Posted by Warden_Gfs on October 31, 2022

关于Tailwind使用过程中自己的一些感受与实践成果

CSS如何走到今天，什么是好，什么是坏

CSS 的发展历程可以说是一部开发者不断思考与实践的历史。从最初的层层嵌套，到组件化 CSS，再到工具类优先的 Tailwind CSS，开发模式的每一次变革都在尝试解决现实需求中的痛点。 在这个过程中，我们见证了从语义化命名到面向视觉内容的转变，也逐渐认识到效率与可维护性的重要性。这篇文章不仅是对 CSS 演变的回顾，更是对高效开发的探索。希望通过分享我的经验，能帮助大家在开发中...

Posted by Warden_Gfs on September 20, 2022

如何使用react-spring做一些超出用户期望的东西

什么样的动画让人看起来比较舒服？什么动画是给人以高级感？#副标题

动画在前端开发中是提升用户体验的重要工具。一个优秀的动画设计不仅能够让界面更具吸引力，还能帮助用户更直观地理解界面交互逻辑。然而，在实际开发中，我们往往会受限于 CSS 定义的时间曲线和固定的时长，导致动画效果显得生硬、不够自然。 在最近的一个复杂交互项目中，我们深入研究了 React-spring —— 一个基于物理模型的动画库。它通过模拟现实世界的物理规律（如质量、张力和摩擦力...

Posted by Warden_Gfs on August 31, 2022

区块链Dapp前端开发常用技能点整理

前端开发者如何开发区块链DAPP

区块链技术的快速发展带来了去中心化应用（DApp）的广泛应用，而作为前端开发者，掌握与区块链交互的技能显得尤为重要。本篇文章将系统性地整理区块链DApp开发中常用的前端技术点，涵盖以太坊生态的核心工具及标准，例如 ethers.js、web3.js、EIP-4361 和 EIP-1193 等。文章旨在帮助开发者快速上手区块链开发，并掌握与钱包交互、调用智能合约等关键技能点。 在开发...

Posted by Warden_Gfs on August 17, 2022

FEATURED TAGS
技术研讨 React JSX 区块链 Cocos creator 游戏开发
ABOUT ME

One of the greatest discoveries a person makes is to find they can do what they were afraid they couldn't do..!

✉️ warden0214.kath@gmail.com

FRIENDS