greeb / fpointcloud Goto Github PK

View Code? Open in Web Editor NEW

3.0 3.0 0.0 279 KB

Display position data in a browser and maybe more

JavaScript 43.46% Sass 3.33% SCSS 0.20% Vue 36.30% Shell 0.10% HTML 16.61%

3d data-visualization forza-horizon-5 gaming nuxt nuxtjs threejs vue

fpointcloud's People

Contributors

Stargazers

Watchers

fpointcloud's Issues

Dumbass loop, Looks for ips that have not send data in a while and delete them

Line: 14

fPointcloud//server/controllers/userController.js

Lines 11 to 21 in 5a77118

 
 const udpClients = {} 

 // FIXME: Dumbass loop, Looks for ips that have not send data in a while and delete them 

 // category=Server 

 setInterval(() => { 

 console.log('socket connectins: ' + io.engine.clientsCount) 

 Object.keys(users).forEach((id) => { 

 if (age(users[id]) > maxClientTimeout) { delete users[id] } 

 }) 

 }, 3000)

Fix all of this user session logic, use something real like express-sessions

Line: 27

fPointcloud//server/controllers/dataController.js

Lines 24 to 34 in 5a77118

 // // when data is send update lastSeen 

 // } 

 // FIXME: Fix all of this user session logic, use something real like express-sessions 

 // category=Server 

 // const addUDPuser = async (ip) => { 

 // console.log(`adding user with ip: ${ip}`) 

 // createUser(ip) 

 // }

Save Pos with user data only if we have it

const newPos = new Position({
x,
y,
z,
surface,
user: users[userID].mongodb_id
})
newPos.save((err) => {
// TODO:Nuxt.Server: Check duplicates in cache?
// category=Server
if (err) { console.log('DUPLICATE FIXME') }
})

Line: 53

fPointcloud//server/controllers/dataController.js

Lines 50 to 60 in 5a77118

 lastSeen(users[userID]) 

 if (flying === 0) { return } // Abort if flying 

 if (x === 0 && y === 0 && z === 0) { return } // Abort if 000 chord 

 // TODO: Save Pos with user data only if we have it 

 // category=Server 

 // const newPos = new Position({ 

 // x, 

 // y, 

 // z, 

 // surface, 

 // user: users[userID].mongodb_id

Move Socket logic and handle reconnection if unsuccessfully connection

Line: 54

fPointcloud//components/Three.vue

Lines 51 to 61 in 5a77118

  } 

  }, 

  mounted () { 

  // TODO: Move Socket logic and handle reconnection if unsuccessfully connection 

  // category=Three 

  // FIXME: Dont read auth from here read from callback 

  // const socket = io.connect('http://localhost:9000'); 

  // socket.on('connect', () => { 

  // socket 

  // .emit('authenticate', { token: jwt }) //send the jwt 

  // .on('authenticated', () => {

Fix BoxHelper updates fine but wrong position

Line: 134

fPointcloud//components/Three.vue

Lines 131 to 141 in 5a77118

  // this.material.blendDst = OneMinusSrcAlphaFactor 

  this.points = new Points(this.geometry, this.material) 

  this.scene.add(this.points) 

  // FIXME: Fix BoxHelper updates fine but wrong position 

  // category=Three 

  this.box = new BoxHelper(this.points, 0xFFFFFF) 

  this.box.visible = true 

  // this.scene.add(this.box) 

  this.geometry.setDrawRange(0, 0) 

  this.renderer = new WebGLRenderer({

Fix throttle speed by car speed

this doesn't really work atm we do (speed ^-2) * (2 * 10^7)
but that doesn't scale really well for all number especially low ones

@const speedo This variable is the speed we should throttle at

Line: 23

fPointcloud//server/controllers/dataController.js

Lines 20 to 30 in 434985f

 const userId = idFromIp(ip) 

 /** 

  * TODO: Fix throttle speed by car speed 

  * this doesn't really work atm we do (speed ^-2) * (2 * 10^7) 

  * but that doesn't scale really well for all number especially low ones 

  * 

  * @const speedo This variable is the speed we should throttle at 

  * 

  * */

We flip cordinate system here to line up with our three scene there probably is a better way

Could also be we fuck up when saving this data earlier idk

Line: 301

fPointcloud//components/ThreeJS.vue

Lines 298 to 308 in 434985f

  terrainRGB = [205 / 255, 205 / 255, 205 / 255] 

  } 

  /** 

  * TODO: We flip cordinate system here to line up with our three scene there probably is a better way 

  * Could also be we fuck up when saving this data earlier idk 

  **/ 

  const xyz = [ 

  parseFloat(posData.x / 20), 

  parseFloat(posData.z / 20), 

  parseFloat(posData.y / 20) 

  ]

Dont read auth from here read from callback

const socket = io.connect('http://localhost:9000');
socket.on('connect', () => {
socket
.emit('authenticate', { token: jwt }) //send the jwt
.on('authenticated', () => {
//do other things
})
.on('unauthorized', (msg) => {
console.log(unauthorized: ${JSON.stringify(msg.data)});
throw new Error(msg.data.type);
})
});
const cookie = JSON.stringify({loggedIn: fasle})

Line: 56

fPointcloud//components/Three.vue

Lines 53 to 63 in 5a77118

  mounted () { 

  // TODO: Move Socket logic and handle reconnection if unsuccessfully connection 

  // category=Three 

  // FIXME: Dont read auth from here read from callback 

  // const socket = io.connect('http://localhost:9000'); 

  // socket.on('connect', () => { 

  // socket 

  // .emit('authenticate', { token: jwt }) //send the jwt 

  // .on('authenticated', () => { 

  // //do other things 

  // })

Change shape can be done with a texture but not cool maybe shader? not sure what any paras do

Line: 118

fPointcloud//components/Three.vue

Lines 115 to 125 in 5a77118

  this.geometry.setAttribute('position', new Float32BufferAttribute(positions, 3)) 

  this.geometry.setAttribute('color', new Float32BufferAttribute(this.colors.default, 3)) 

  // TODO: Change shape can be done with a texture but not cool maybe shader? not sure what any paras do 

  // category=Three 

  this.material = new PointsMaterial({ 

  size: 20, 

  vertexColors: true 

  // blending: AdditiveBlending, 

  // transparent: true, 

  // sizeAttenuation: true,

No idea if this is right way to do things or if we need to recheck this everytime with middleware

Line: 25

fPointcloud//server/listeners/socketServer.js

Lines 22 to 32 in 5a77118

 }) 

 io.use(function (socket, next) { 

 console.log(socket) 

 // TODO: No idea if this is right way to do things or if we need to recheck this everytime with middleware 

 const authtoken = socket.handshake.headers.cookie.split(' ')[1] 

 const token = authtoken.split('=')[1].slice(0, -1) 

 if (token === 'false') { 

 console.log('token is false') 

 socket.decoded = false 

 next() 

 } else {

Throttle write for each client

Line: 78

fPointcloud//server/listeners/udpServer.js

Lines 75 to 85 in 5a77118

 surface = 0 

 } 

 // TODO: Throttle write for each client 

 // category=Server 

 throttledWrite(x, y, z, surface, flying, rinfo.address, rinfo.size, rinfo.address) 

 }) 

 udpServer.on('error', (err) => { 

 console.log(`udpServer error:\n${err.stack}`) 

 udpServer.close()

update client data only every x seconds or something else completely

Line: 205

fPointcloud//components/Three.vue

Lines 202 to 212 in 5a77118

  this.animate() 

  }, 

  methods: { 

  // TODO: update client data only every x seconds or something else completely 

  // category=Three 

  addPoint2Store () { 

  // this.$store.commit('points/increment') 

  }, 

  addPoint (xyz, heightRGB, terrainRGB) { 

  const positions = this.points.geometry.attributes.position.array 

  const defaultColor = this.points.geometry.attributes.color.array

Send io to global room

Line: 72
https://github.com/GREEB/fPointcloud/blob/5a77118fe244f2d8620d55a05185d85a19c6c136//server/controllers/dataController.js#L69-L79

Add data to users[id]

Line: 68

fPointcloud//server/controllers/userController.js

Lines 65 to 75 in ed22dff

 users[userId].udp = {} 

 users[userId].udp.lastSeen = null 

 users[userId].udp.firstSeen = Date.now() 

 // TODO: Add data to users[id] 

 consola.log('udpClient: client found in db') 

 } else { 

 // if user online 

 if ((userId in users)){ 

 io.to(users[userId].socket.id).emit('registerUdp') 

 } 

 consola.log('udpClient: client not found in db')


	const udpClients = {}

	// FIXME: Dumbass loop, Looks for ips that have not send data in a while and delete them
	// category=Server
	setInterval(() => {
	console.log('socket connectins: ' + io.engine.clientsCount)
	Object.keys(users).forEach((id) => {
	if (age(users[id]) > maxClientTimeout) { delete users[id] }
	})
	}, 3000)

	// // when data is send update lastSeen
	// }

	// FIXME: Fix all of this user session logic, use something real like express-sessions
	// category=Server

	// const addUDPuser = async (ip) => {
	// console.log(`adding user with ip: ${ip}`)
	// createUser(ip)
	// }

	lastSeen(users[userID])
	if (flying === 0) { return } // Abort if flying
	if (x === 0 && y === 0 && z === 0) { return } // Abort if 000 chord
	// TODO: Save Pos with user data only if we have it
	// category=Server
	// const newPos = new Position({
	// x,
	// y,
	// z,
	// surface,
	// user: users[userID].mongodb_id

	}
	},
	mounted () {
	// TODO: Move Socket logic and handle reconnection if unsuccessfully connection
	// category=Three
	// FIXME: Dont read auth from here read from callback
	// const socket = io.connect('http://localhost:9000');
	// socket.on('connect', () => {
	// socket
	// .emit('authenticate', { token: jwt }) //send the jwt
	// .on('authenticated', () => {

	// this.material.blendDst = OneMinusSrcAlphaFactor
	this.points = new Points(this.geometry, this.material)
	this.scene.add(this.points)
	// FIXME: Fix BoxHelper updates fine but wrong position
	// category=Three
	this.box = new BoxHelper(this.points, 0xFFFFFF)
	this.box.visible = true
	// this.scene.add(this.box)
	this.geometry.setDrawRange(0, 0)

	this.renderer = new WebGLRenderer({

	const userId = idFromIp(ip)

	/**
	* TODO: Fix throttle speed by car speed
	* this doesn't really work atm we do (speed ^-2) * (2 * 10^7)
	* but that doesn't scale really well for all number especially low ones
	*
	* @const speedo This variable is the speed we should throttle at
	*
	* */

	terrainRGB = [205 / 255, 205 / 255, 205 / 255]
	}
	/**
	* TODO: We flip cordinate system here to line up with our three scene there probably is a better way
	* Could also be we fuck up when saving this data earlier idk
	**/
	const xyz = [
	parseFloat(posData.x / 20),
	parseFloat(posData.z / 20),
	parseFloat(posData.y / 20)
	]

	this.geometry.setAttribute('position', new Float32BufferAttribute(positions, 3))
	this.geometry.setAttribute('color', new Float32BufferAttribute(this.colors.default, 3))

	// TODO: Change shape can be done with a texture but not cool maybe shader? not sure what any paras do
	// category=Three
	this.material = new PointsMaterial({
	size: 20,
	vertexColors: true
	// blending: AdditiveBlending,
	// transparent: true,
	// sizeAttenuation: true,

	})
	io.use(function (socket, next) {
	console.log(socket)
	// TODO: No idea if this is right way to do things or if we need to recheck this everytime with middleware
	const authtoken = socket.handshake.headers.cookie.split(' ')[1]
	const token = authtoken.split('=')[1].slice(0, -1)
	if (token === 'false') {
	console.log('token is false')
	socket.decoded = false
	next()
	} else {

	surface = 0
	}

	// TODO: Throttle write for each client
	// category=Server
	throttledWrite(x, y, z, surface, flying, rinfo.address, rinfo.size, rinfo.address)
	})

	udpServer.on('error', (err) => {
	console.log(`udpServer error:\n${err.stack}`)
	udpServer.close()

	this.animate()
	},
	methods: {
	// TODO: update client data only every x seconds or something else completely
	// category=Three
	addPoint2Store () {
	// this.$store.commit('points/increment')
	},
	addPoint (xyz, heightRGB, terrainRGB) {
	const positions = this.points.geometry.attributes.position.array
	const defaultColor = this.points.geometry.attributes.color.array

	users[userId].udp = {}
	users[userId].udp.lastSeen = null
	users[userId].udp.firstSeen = Date.now()
	// TODO: Add data to users[id]
	consola.log('udpClient: client found in db')
	} else {
	// if user online
	if ((userId in users)){
	io.to(users[userId].socket.id).emit('registerUdp')
	}
	consola.log('udpClient: client not found in db')

greeb / fpointcloud Goto Github PK

fpointcloud's People

Contributors

Stargazers

Watchers

fpointcloud's Issues

Recommend Projects

Recommend Topics

Recommend Org