npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

agv-runing-monitor

v0.2.3

Published

The simple AGV operation monitoring system uses the ```THREE```

Downloads

3

Readme

RuningMonitor

The simple AGV operation monitoring system uses the THREE

temporary package:

import { Store3D } from "runing-monitor";
const store = new Store3D()
store.start()

How to use

  • Include script

  • Introducing store3d

  • Create a store3d instance

  • Call Store3D.Start() method

Include the script

You don't even have to bring THREE into your project

You must have a label with ID store3d to carry it

<div id="store3D"></div>

You need to change the type of script tag to module

<script type="module">
  import { Store3D } from "runing-monitor";
  const store = new Store3D()
  store.start()
</script>

or use npm to install it

npm i runing-monitor

and include it in your code

import { Store3D } from "runing-monitor";

end

const store = new Store3D()
store.start()

version

  • 0.0.5

1. 修复 three-text2d 插件ts中类的多层嵌套bug

2. 增加是否使用后期处理控件 useComposer

useComposer:boolean;
  • 0.0.6

1. 更换绘制文字插件

2. 修改文字样式

  • 0.0.7

1. 使用 Web Worker 分线程做小车动画

  • 0.0.8

1. 优化worker

  • 0.0.84

1. 优化worker引入

  • 0.0.85

1. 解决打包后worker子线程消失的问题

  • 0.0.86

1. package.json 加入 main 字段 指向 ./dist/assets/index.js

  • 0.0.9

1. 根据数据返回theta属性控制车辆站点旋转

  • 0.0.92

1. 修复小车名字不显示bug

2. 修复没网情况下站点名无法显示的问题

  • 0.0.93

1. TS类型

  • 0.0.94

1. 通过Blob对象动态创建Worker

  • 0.0.95

1. 移除index执行start命令

  • 0.0.96

1. 打包后index导出Store3D调整

  • 0.1.0

1. 版本调整

  • 0.1.1

对接项目地图

  • 0.1.2

第一人称

  • 0.1.3

多模型

  • 0.1.6

  • 0.2.0

使用算法优化小车动画

  • 0.2.1

1. 小车功能按键

2. 一键停车

3. 拷贝文字

  • 0.2.2

Support

Tested successfully on

  • Chrome OSX, Windows, Android
  • Firefox OSX, Windows, Anroid
  • Safari OSX, iOS
  • Internet Explorer 11 (SVG and Shape demo won't work because they use Promises)
  • Opera OSX, Windows