Skip to content

Instantly share code, notes, and snippets.

@Cartman0
Cartman0 / binary_search.js
Last active August 29, 2015 14:23
JavaScript でBinarySearch
function binary_search(a, start_idx, end_idx, target){
var start = start_idx;
var end = end_idx;
while((end - start) >= 0){
var mid = Math.floor((end + start) / 2);
if(a[mid] === target){
return {
flag: true,
index: mid
};
@Cartman0
Cartman0 / VisualizeBinarySearch.html
Last active August 29, 2015 14:23
BinarySearch を可視化
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Visualize Binary Search(JS)</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body{
@Cartman0
Cartman0 / motiondevice.html
Created June 26, 2015 08:12
motiondevice で取得できる accelerationIncludingGravity(生の加速度), acceleration(加速度), rotationRate(回転速度)を取得する
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>加速度センサーの値を取る</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html, body{
@Cartman0
Cartman0 / Twitter API(Tweet Web Intent) Test.html
Created July 20, 2015 17:09
Twitter APIであるTweet Web Intent のTestです。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Twitter API(Tweet Web Intent) Test</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
html,
@Cartman0
Cartman0 / canvas_barGraph.html
Last active August 29, 2015 14:25
Canvas上で棒グラフ
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>棒グラフ</title>
<meta name="description" content="">
<style>
body {
backgorund-color: #fafafa;
@Cartman0
Cartman0 / canvas_lineGraph.html
Created July 27, 2015 14:26
Canvas上で折れ線グラフ
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>折れ線グラフ</title>
<meta name="description" content="">
<style>
body {
background-color: #fafafa;
@Cartman0
Cartman0 / canvas_pieChart.html
Last active August 29, 2015 14:25
Canvas上で円グラフ
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>円グラフ</title>
<meta name="description" content="">
<style>
body {
background-color: #fafafa;
@Cartman0
Cartman0 / motionAnime.js
Last active August 29, 2015 14:26
Canvasのid名(canvas_id)、canvasの設定(canvas_config)、運動関数(motionFunc)、運動関数の設定(motion_config)、canvasの領域をはみ出した際の処理(outside_process)を入力して、Canvasに描画
function motionAnime(canvas_id, canvas_config, motionFunc, motion_config, outside_process){
var canvas = document.getElementById(canvas_id);
if(!canvas){
console.log('wrong canvas_id');
return false;
}
if(!motion_config.ball_config){
console.log('Not ball_config in motion_config.');
return false;
@Cartman0
Cartman0 / koch.html
Last active August 29, 2015 14:26
Canvas でコッホ曲線を描く
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>コッホ曲線</title>
<style>
#canvas {
border: 1px solid gray;
display: block;
margin-left: auto;
@Cartman0
Cartman0 / fractal_tree.html
Created August 2, 2015 06:26
Canvas でFractal Tree を描く
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>フラクタルツリー</title>
<style>
#canvas {
border: 1px solid gray;
display: block;