原创 提升組件庫通用能力 - NutUI 在線主題定製功能探索

開發背景— NutUI 作爲京東風格的組件庫，已具備 H5 和多端小程序開發能力。隨着業務的不斷髮展，組件庫的應用場景越來越廣。在公司內外面臨諸如科技、金融、物流等各多個大型團隊使用時，單一的京東 APP 視覺雖可以一鍵進行換膚操作，

2022-04-30 10:05:42

原创 3D 沙盒遊戲之人物的點擊行走移動

前言 在 3D 遊戲中，都會有一個主人公。我們可以通過點擊遊戲中的其他位置，使遊戲主人公向點擊處移動。 那當我們想要實現一個“點擊地面，人物移動到點擊處”的功能，需要什麼前置條件，並且具體怎麼實現呢？本文帶大家一步步實現人物行走移動，同時進

2022-04-26 13:34:33

原创 3D 沙盒遊戲之地面網格設計

背景 最近小組在探索研發一個 3D 的沙盒小遊戲 demo。對於沙盒遊戲來說，地面是必不可少的元素。爲了降低難度，在這個 demo 中，地面將不涉及 y 軸座標的變化，也就是使用一個與 xOz 平面平行的平面，對應到現實世界中，就是一塊不帶

2022-04-15 13:33:56 1

原创 元宇宙探索之路

前言 元宇宙正在如火如荼地發展，大有引領未來潮流之勢。對於我們這麼專業的（web 前端）團隊來說，元宇宙是一個大 (wan) 顯 (quan) 身 (bu) 手 (dong) 的領域，因此團隊在這方面投入了很多人力進行預研和總結，請隨本文一

2022-04-01 13:33:55

原创 3D 沙盒遊戲之避障踩坑和實現之旅

背景 最近在實現一個 3D 的沙盒類遊戲，基本的功能就是在一個 3D 平面裏，進行建築物的搭建，可以在場景內添加或者編輯建築物，然後平面內存在一個人物模型，他可以穿梭行走於建築物之間。 在實現人物的行走功能的時候，我們很自然地想到取終點和

2022-03-25 13:34:03

原创 WebGL 的 Hello World

本文整理自 div 俠於 凹凸 2022 年技術分享，簡單介紹了 WebGL 畫一個基礎圖形的流程，希望你瞭解之後，在使用 3d 渲染庫的時候可以少點迷糊。 四種常用的頁面繪圖工具 關於h5頁面的圖形繪製，我們大多談及的是這四種工具：htm

2022-03-25 13:34:03

原创 不懂物理的前端不是好的遊戲開發者（二）—— 物理引擎的學習之路

前言 繼第一篇文章之後已經過去了兩個月，在上一篇文章中介紹了物理引擎是什麼，需要掌握什麼樣子的基礎知識才能繼續往下進行開發。在這樣的基礎上，我們展開了第二篇，探索物理引擎的學習之路。在我們的日常開發當中，自然是用不到非常複雜的物理系統，大部

2022-03-18 13:33:58 1

原创 聚類算法在 D2C 佈局中的應用

1.摘要 聚類是統計數據分析的一門技術，在許多領域受到廣泛的應用，包括機器學習、數據挖掘、圖像分析等等。聚類就是把相似的對象分成不同的組別或者更多的子集，從而讓每個子集的成員對象都有相似的一些屬性。 所謂聚類算法，其實就是將一對沒有標籤的數

2022-02-18 13:34:06

原创 Taro 正式發佈 3.4 版本: 全面支持 Preact & Vue 3.2

距 Taro v3.4 beta 版本的發佈已有一段時間，期間我們完善了對 Preact 和 Vue3 的支持，加入了一些有趣的特性，更是對 H5 作了大幅度的優化與調整，並於近期發佈了 v3.4 的正式版本。 上月我們還推出了支持開發鴻

2022-01-21 13:33:45

原创 助力雙 11 個性化會場高效交付：Deco 智能代碼技術揭祕

Tech 導讀 在這次雙11的個性化會場我們大規模使用Deco進行研發，帶來了48%左右的效率提升，本文將爲大家揭祕Deco提效之祕。

2021-12-25 21:23:16

原创 【機會來啦】京東凹凸實驗室 2022 校招來啦！

京東凹凸實驗室 2022 校園招聘機會來啦！ 我們是一支熱愛創造、不斷嘗試新技術、新體驗、新產品的團隊。 2022 年校招機會來啦，快快加入吧！ 聯繫郵箱： [email protected]

2021-12-25 21:23:14 1

原创 超基礎的機器學習入門-原理篇

前言 隨着前端智能化的火熱，AI機器學習進入前端開發者們的視野。AI能夠解決編程領域不能直接通過規則和運算解決的問題，通過自動推理產出最佳策略，成爲了前端工程師們解決問題的又一大利器。 可能很多同學都躍躍欲試過，打開 TensorFlow

2021-12-03 14:11:04

原创 Taro 3.4 beta 發佈： 支持 Preact 爲應用開闢更多體積空間

項目體積是困擾小程序開發者的一大問題，如果開發者使用 Taro React 進行開發，更是不得不引入接近 100K 的 React 相關依賴，這讓項目體積變得更加捉襟見肘。因此，Taro v3.4 的主要方向，是探索對於 Preact 的支

2021-11-26 14:10:42

原创 requestAnimationFrame 執行機制探索

1.什麼是 requestAnimationFrame window.requestAnimationFrame() 告訴瀏覽器——你希望執行一個動畫，並且要求瀏覽器在下次重繪之前調用指定的回調函數更新動畫。該方法需要傳入一個回調函數作爲

2021-11-12 14:11:07

原创 WebGL着色器渲染小遊戲實戰

項目起因 經過對 GLSL 的瞭解，以及 shadertoy 上各種項目的洗禮，現在開發簡單交互圖形應該不是一個怎麼困難的問題了。下面開始來對一些已有業務邏輯的項目做GLSL渲染器替換開發。 起因是看到某些小遊戲廣告，感覺機制有趣，實現起來

2021-10-29 14:10:56