はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

svgでお絵描きサンプルを作ってみました。 線を滑らかにしたかったので色々と思考錯誤してみました。 やりたいこと svg上でドラッグしたらpathを追加したい pathをベジェにして滑らかにしたい 頂点を間引いて滑らかにしたい svg上でドラッグしたらpathを追加したい これは、単純にマウスイベントとフラグ管理でドラッグしている時にsvg要素にpath要素を追加していきました。 pathをベジェにして滑らかにしたい これがけっこう大変でした。 通過点のみで曲線を描くのはcatmull曲線があるのですが、まだpath要素には実装されていないようでした。 ここによると下記のようです。 R,r1 Catmull-Romスプライン曲線を引く SVG2での新機能．詳細仕様は策定中であり，動作する環境はまだない． したがって、ベジェ曲線を使うことになるのですが、通過点の他に制御点が必要です。 イラレ

var Temp = React.createClass({ getDefaultProps: function() { // コンポーネント１つにつき一度だけ呼ばれる console.log("getDefaultProps"); }, getInitialState: function() { // インスタンス作成のたびに呼ばれる console.log("getInitialState"); return {temp: "EMPTY"}; }, componentWillMount: function() { // 描画が行われる直前に呼ばれる console.log("componentWillMount"); }, render: function() { // このメソッドにより仮想DOMが作成される console.log("render"); return( <p cla

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

ブラウザの機能で歩数計を作ってみました。 加速度センサーの値だけで歩数を計測 重力加速度ベクトルの大きさの変動を使用 // 重力加速度のしきい値 var GRAVITY_MIN = 9.8; var GRAVITY_MAX = 12.00; // 歩数 var _step = 0; // 現在歩いているかどうか var _isStep = false; function initialize() { // デバイスの加速度センサーの情報を取得します window.addEventListener('devicemotion', onDeviceMotion); } function onDeviceMotion(e) { e.preventDefault(); // 重力加速度を取得 var ag = e.accelerationIncludingGravity; // 重力加速度ベクトル

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

SwiftでTwitterのタイムラインやプロフィール、バナー画像を取得したのでメモ 参考 こちらの記事をめちゃくちゃ参考にさせて頂きました http://himaratsu.hatenablog.com/entry/twitter/api やること iOSに登録されているアカウントを使用する タイムラインの取得 ユーザの取得 バナー画像の取得 ツイートする サンプルコード GISTにあげておきました iOSに登録されているアカウントを選択して、プロフィール画像とバナー画像を表示させるサンプルです https://gist.github.com/SatoshiKawabata/c73542cb164d0abfe2a1 準備 使用するのはAccounts, Socialのフレームワークです var accountStore:ACAccountStore = ACAccountStore()

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

private Camera _mainCamera; void Start () { // カメラオブジェクトを取得します GameObject obj = GameObject.Find ("Main Camera"); _mainCamera = obj.GetComponent<Camera> (); // 座標値を出力 Debug.Log (getScreenTopLeft ().x + ", " + getScreenTopLeft ().y); Debug.Log (getScreenBottomRight ().x + ", " + getScreenBottomRight ().y); } private Vector3 getScreenTopLeft() { // 画面の左上を取得 Vector3 topLeft = _mainCamera.ScreenToWorld

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

public bool isUpdate = false; private RectTransform _rt; private Vector2 _originSizeDelta; private float _aspect; private float _screenAspect; void Start () { _rt = GetComponent<RectTransform>(); _originSizeDelta = _rt.sizeDelta; _aspect = _rt.sizeDelta.x / _rt.sizeDelta.y; keepAspect(); } void Update () { if (isUpdate) keepAspect(); } private void keepAspect() { _rt.anchoredPosition = Vector2.zer

いくつか方法があったので、まとめます。 LineRenderer 空のGameObject → add component → Line Renderer を選択します。 マテリアルを設定すれば色などを設定できるようになります。 void Start () { LineRenderer renderer = gameObject.GetComponent<LineRenderer>(); // 線の幅 renderer.SetWidth(0.1f, 0.1f); // 頂点の数 renderer.SetVertexCount(2); // 頂点を設定 renderer.SetPosition(0, Vector3.zero); renderer.SetPosition(1, new Vector3(1f, 1f, 0f)); }