Merge branch 'Persistance' of https://codefirst.iut.uca.fr/git/BOB_PARTEAM/BOB_PARTY into Persistance
continuous-integration/drone/push Build is failing
Details
continuous-integration/drone/push Build is failing
Details
commit
9d23ade7a2
|
After Width: | Height: | Size: 405 KiB |
|
After Width: | Height: | Size: 1009 KiB |
|
After Width: | Height: | Size: 447 KiB |
|
After Width: | Height: | Size: 595 KiB |
|
After Width: | Height: | Size: 634 KiB |
|
After Width: | Height: | Size: 798 KiB |
@ -1,11 +0,0 @@
|
||||
import React from 'react'
|
||||
import App from './App'
|
||||
// export for others scripts to use
|
||||
|
||||
|
||||
|
||||
export default function Index(){
|
||||
return(
|
||||
<App/>
|
||||
)
|
||||
}
|
||||
@ -0,0 +1,8 @@
|
||||
const { io } = require("socket.io-client");
|
||||
|
||||
|
||||
|
||||
export default socket = io("http://localhost:3000");
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,22 @@
|
||||
const express = require('express');
|
||||
const app = express();
|
||||
const http = require('http');
|
||||
const server = http.createServer(app);
|
||||
const { Server } = require("socket.io");
|
||||
const io = new Server(server);
|
||||
|
||||
const connectUsers = []
|
||||
|
||||
io.on('connection', (socket) => {
|
||||
console.log(socket.id)
|
||||
|
||||
socket.on('joinRoom', ({username}) => {
|
||||
connectUsers.push(username)
|
||||
|
||||
socket.emit('roomJoined', connectUsers)
|
||||
});
|
||||
});
|
||||
|
||||
server.listen(3000, () => {
|
||||
console.log('listening on *:3000');
|
||||
});
|
||||
@ -0,0 +1,88 @@
|
||||
import {ImageBackground, StyleSheet, Text, View } from "react-native";
|
||||
import React, {useState} from "react";
|
||||
|
||||
export default function tic_tac_toe(){
|
||||
const [map,setMap]=useState([
|
||||
['o','',''],
|
||||
['','x','x'],
|
||||
['o','',''],
|
||||
]);
|
||||
|
||||
return(
|
||||
<View style={styles.container}>
|
||||
<Text>TIC TAC TOE</Text>
|
||||
<ImageBackground style={styles.grid} source={{uri:"https://upload.wikimedia.org/wikipedia/commons/6/64/Tic-tac-toe.png"}} >
|
||||
<View style={styles.map}>
|
||||
{map.map((row)=>(
|
||||
<View style={styles.row}>
|
||||
{row.map((cell)=> (
|
||||
<View style={styles.cell}>
|
||||
{cell === "o" && <View style={styles.circle}/>}
|
||||
{cell === "x" &&(
|
||||
<View style={styles.cross}>
|
||||
<View style={styles.crossLine}/>
|
||||
<View style={[styles.crossLine, styles.crossLineReversed]}/>
|
||||
</View>
|
||||
)}
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
))}
|
||||
</View>
|
||||
|
||||
</ImageBackground>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
const styles= StyleSheet.create({
|
||||
container:{
|
||||
flex:1,
|
||||
backgroundColor:"#45444E",
|
||||
alignItems:"center",
|
||||
justifyContent:"center",
|
||||
},
|
||||
grid:{
|
||||
width:375,
|
||||
height:375,
|
||||
alignItems:"center",
|
||||
justifyContent:"center",
|
||||
},
|
||||
row:{
|
||||
flex:1,
|
||||
flexDirection:"row",
|
||||
},
|
||||
cell:{
|
||||
width:100,
|
||||
flex:1,
|
||||
},
|
||||
circle:{
|
||||
left:15,
|
||||
top:15,
|
||||
width:90,
|
||||
height:90,
|
||||
backgroundColor:"#0085FF",
|
||||
borderRadius:50
|
||||
},
|
||||
cross:{
|
||||
width:"100%",
|
||||
height:"100%",
|
||||
},
|
||||
crossLine:{
|
||||
left:52,
|
||||
top:15,
|
||||
position:"absolute",
|
||||
width:15,
|
||||
height:100,
|
||||
borderRadius:50,
|
||||
backgroundColor:"#0085FF",
|
||||
transform:[{rotate:"45deg"},],
|
||||
},
|
||||
crossLineReversed:{
|
||||
transform:[{rotate:"-45deg"},],
|
||||
},
|
||||
map:{
|
||||
aspectRatio:1,
|
||||
padding:5
|
||||
}
|
||||
})
|
||||
Loading…
Reference in new issue